Collective #66
Inspirational Website of the Week
Lovely color, interesting typography and smooth page transitions make REZO ZERO our pick this week.
Get inspiredThe State Of Responsive Web Design
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
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
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
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
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
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
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
Criticue has an awesome peer review concept for websites: submit your feedback and get some back in return.
Check it outLadda
Ladda by Hakim El Hattab is a UI concept which merges loading indicators into the action that invoked them.
Check it outjQuery Unveil
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
Gif.js by Johan Nordberg is a JavaScript GIF encoder that runs in your browser.
Check it outCountable.js
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
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
Merula typeface is a free font designed by Frank Hemmekam and inspired by Futura.
Get itHow GitHub Uses "Deprivation Testing" To Hone Product Design
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!
A very interesting typeface designed by Bayley Design and available for free.
Get itPoster Frame Mockups (PSD)
A fantastic mockup collection of PSD poster frames illustrated and designed in Photoshop, Illustrator and 3D Studio Max by blugraphic.
Get itSketchMine
Sketchmine is a collection of free .sketch files designed by the Sketch community. Curated by Maxime Cormier.
Check it outWebfonts.info
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
Controversial or not, this collection of CSS logos by bchANx is definitely worth checking out.
Check it outLazy.js
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)
Devin Schulz designed this beautiful flat UI kit that you can download for free.
Get it