Collective #66
Inspirational Website of the Week
![Collective66_rezozero](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/06/Collective66_rezozero.png?x25555)
Lovely color, interesting typography and smooth page transitions make REZO ZERO our pick this week.
Get inspiredThe State Of Responsive Web Design
![Collective66_rwd](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/06/Collective66_rwd.png?x25555)
An excellent in-depth article by Stéphanie Walter on the current state of responsive web design, what's possible now and what will be in the future, and what needs to be improved.
Read itTourist.js
![Collective66_touristjs](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/06/Collective66_touristjs.png?x25555)
Tourist.js by easel.io is a simple library for creating guided tours through your app. It's best suited for complex, single-page apps rather than websites.
Check it outReact - A JavaScript library for building user interfaces
![Collective66_react](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/05/Collective66_react.png?x25555)
React by Facebook is a JavaScript library for building user interfaces. It uses a declarative paradigm, it computes the minimal set of changes necessary to keep your DOM up-to-date, and it works with the libraries and frameworks that you already know.
Check it outPure
![Collective66_pure](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/06/Collective66_pure.png?x25555)
Pure is a set of minimal, responsive CSS modules by Yahoo. It's a minimal CSS foundation that allows easy adaption.
Check it outColourco.de
![Collective66_colourcode](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/05/Collective66_colourcode.png?x25555)
A great tool for picking HSL colors. You can use different color rules like monochromatic, analogic, complement, triad and quad colors.
Check it outThe Playground Vector Animation Process
![Collective66_playgroundinc](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/05/Collective66_playgroundinc.png?x25555)
If you'd like to look behind the scenes of the awesome SVG animations of Playground, then we recommend this article series that explains the process.
Read itThe Inspiration Stream
![Collective66_inspiration](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/06/Collective66_inspiration.png?x25555)
If you are searching for high-quality inspiration sources then you should check out the Inspiration Stream on Veerle Pieters' blog. You will find carefully hand-picked design gems that will get your creative juices flowing.
Get inspiredCriticue - Get Feedback for Your Website
![Collective66_criticue](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/06/Collective66_criticue.png?x25555)
Criticue has an awesome peer review concept for websites: submit your feedback and get some back in return.
Check it outLadda
![Collective66_ladda](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/05/Collective66_ladda.png?x25555)
Ladda by Hakim El Hattab is a UI concept which merges loading indicators into the action that invoked them.
Check it outjQuery Unveil
![Collective66_unveil](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/05/Collective66_unveil.png?x25555)
jQuery Unveil by Luís Almeida is a light-weight version of Lazy Load with support for serving high-resolution images to devices with retina displays.
Check it outgif.js
![Collective66_gifjs](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/05/Collective66_gifjs.png?x25555)
Gif.js by Johan Nordberg is a JavaScript GIF encoder that runs in your browser.
Check it outCountable.js
![Collective66_countable](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/05/Collective66_countable.png?x25555)
Countable is a very useful JavaScript function to add live paragraph-, word- and character-counting to an HTML element. Countable is a small, zero-dependency library developed by Sacha Schmid.
Check it outjQuery Resizable Columns
![Collective66_jqueryresizable](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/05/Collective66_jqueryresizable1.png?x25555)
A great plugin for resizing columns of tables. Grab the column headers in the demo (hover in between columns) and drag them to see it in action.
Check it outFree Font: Merula Font
![Collective66_merula](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/06/Collective66_merula.jpg?x25555)
Merula typeface is a free font designed by Frank Hemmekam and inspired by Futura.
Get itHow GitHub Uses "Deprivation Testing" To Hone Product Design
![Collective66_GithubUX](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/06/Collective66_GithubUX.jpg?x25555)
Read about how GitHub uses a brand-new method of UX testing in this interesting interview with Chrissie Brodigan by Chris Dannen.
Read itFree Font: Chomp!
![Collective66_chomp](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/06/Collective66_chomp.png?x25555)
A very interesting typeface designed by Bayley Design and available for free.
Get itPoster Frame Mockups (PSD)
![Collective66_poster](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/06/Collective66_poster.jpg?x25555)
A fantastic mockup collection of PSD poster frames illustrated and designed in Photoshop, Illustrator and 3D Studio Max by blugraphic.
Get itSketchMine
![Collective66_sketchmine](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/06/Collective66_sketchmine.png?x25555)
Sketchmine is a collection of free .sketch files designed by the Sketch community. Curated by Maxime Cormier.
Check it outWebfonts.info
![Collective66_webfonts](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/06/Collective66_webfonts.png?x25555)
If you're interested in getting some inspiration for web fonts usage then you'll find this gallery interesting: it is a well-curated MyFonts webfonts showcase.
Check it outLogos In Pure CSS
![Collective66_logoscss](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/06/Collective66_logoscss.png?x25555)
Controversial or not, this collection of CSS logos by bchANx is definitely worth checking out.
Check it outLazy.js
![Collective66_Lazy](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/06/Collective66_Lazy.png?x25555)
If you have used Underscore or Lo-Dash then you definitely should check out Lazy.js, another great utility library for JavaScript that uses lazy evaluation.
Check it outFlat UI Kit (PSD)
![Collective66_FlatUIKit](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/06/Collective66_FlatUIKit.jpg?x25555)
Devin Schulz designed this beautiful flat UI kit that you can download for free.
Get it