Collective #64
Inspirational Website of the Week
Playground Inc. is our pick this week because of their stunning SVG animations.
Get inspiredCommon Patterns in Styleguides, Boilerplates and Pattern Libraries
Following Dave Rupert's idea of "Tiny Bootstraps, for Every Client", Tyler Sticka from Cloud Four creates an incredibly useful spreadsheet which documents common patterns in existing frameworks.
Check it outJavaScript Regular Expression Enlightenment
Cody Lindley has put together this essential and excellent guide for JavaScript regular expressions.
Check it outPolymer
If you are excited about Web Components (you should be!) then you'll definitely be interested in this promising library.
Check it outProviding The Best Mobile User Experience Possible
Luca Passani gives us some great insights and tips on how to make the mobile user experience better.
Read itCodeblock.js
Codeblock.js is a jQuery plugin for creating editable and runnable blocks of JavaScript code. This is especially useful for demos and API documentation.
Check it outDesign & Code (PSD)
Diogo Dantas created this clean and elegant PSD website template. Great for customization and soon available coded in HTML & CSS.
Get itGUIFFF
GUIFFF is a collection of animated GIF Dribbble shots. Absolutely superb for some fresh interaction inspiration.
Check it outLabel.css
Label.css is a smart little style sheet that will make labeling any element a breeze. Made by Hossein Emrani.
Check it outIntention vs. Interpretation: What Matters?
Thomas Wendt dives into the concept of meaningful user experience and explains the importance of understanding the interplay between designer intention and user interpretation.
Read itFitgrd Responsive Grid
Fitgrd is a light-weight responsive grid foundation for rapid prototyping built by abteilungweb.
Check it outMultiple Select
Multiple Select is a jQuery plugin that will create a check-box based select multi-select element.
Check it out20 tips for building modern sites while supporting old versions of IE
Dave Methvin and Rey Bango give us a great overview of some useful best practices for developing modern websites while supporting old versions of Internet Explorer.
Check it outWAAX (Web Audio API eXtension)
WAAX is an experimental JavaScript library for music and audio programming built on top of Web Audio API in Chrome.
Check it outFlat Icons (PNG)
A huge set of flat-style icons from iconShock. You can get a free download link by signing up with your email address.
Get itFree Font: Yuma
Yuma is an interesting, experimental font inspired by traditional Navajo textiles. Designed by Gumpita Rahayu.
Get it24 Flat Icons (PSD)
Some really beautiful flat icons designed by Jan Dvořák for Premium Pixels.
Get itHandy Sass Mixins
If you are using Sass, you'll definitely find these handy mixins by Jake Bresnehan interesting for your next project.
Check it outOn Scroll Device Changing
Talented Peiwen Lu created this cool pen that changes the devices on scroll.
Check it outCSS only 3d Macbook Air
A awesome pen by Burak Can of a CSS-only MacBook Air with animation.
Check it outFree Vector Device Icon Pack (PSD)
A set of pixel-perfect popular media devices by Nathan Brown for WeGraphics.
Get itFree Font: Cool Weekdays
Roland Hüse designed this packages inspired font and offers the thin italic style for free.
Get it7Min: A Quick Workout Timer
And now it's time to get off your lazy programmer's butt and work out! You can do it in style with the help of this brilliant 7 minute workout timer.
Check it out