Collective #58
Inspirational Website of the Week
Portraits has a beautiful, clean and flat design brought to the next level. Subtle effects and a great color scheme make it our pick this week.
Get inspiredChardin.js
Chardin.js by Pablo Fernandez is a very useful jQuery plugin that creates a simple overlay to display instructions on elements. It is inspired by the recent Gmail new composer tour.
Check it outMedia Queries are a Hack
Ian Storm Taylor brings it to the point in this must-read article: for writing modular an re-usable components we need something better than media queries, we need "Element Queries".
Read itAsm.js: The JavaScript Compile Target
John Resig explains what's behind the exciting Asm.js technology and asks Senior Researcher at Mozilla Research David Herman some questions about it.
Read itSVG Patterns Gallery
Inspired by Lea Verou's CSS3 Patterns Gallery, Philip Rogers created this handy SVG Patterns collection with Base64 CSS code snippets for each pattern.
Check it outMetrize Icons
Alessio Atzeni created this huge set of 300 free metro style icons for designers and developers.
Get itSuperhero.js
Superhero.js is a collection of the best articles, videos and presentations on creating, testing and maintaining large JavaScript applications.
Check it outFESS: Fat Expanded Style Sheets
This is what we were all waiting for! Finally a CSS converter that will expand your CSS to the maximum! Watch your line numbers and properties grow as you fess up your stylesheet ;) A fun project by Dew.
Fess some CSSCSS Masking
Dirk Schulze shows how to do some amazing things with CSS Masking.
Read itCan we get rid of gradient prefixes?
Which vendor prefixes are still needed and which ones can we start to omit? Lea Verou shares some insights and stats on the topic.
Read itBeach GUI (PSD)
A clean and beautiful freebie by Mike Clarke.
Get itbootstrap-wysiwyg: Tiny WYSIWYG rich text editor for Bootstrap
A tiny (5KB, < 200 lines) JQuery Bootstrap plugin that turns any DIV into a WYSIWYG rich-content editor, inspired by CLEditor and bootstrap-wysihtml5.
Check it outFree Font: Otsu Slab Medium
The OTSU SLAB family by Thierry Gouttenègre is a new slab-serifs typefaces family based on a geometric design. The medium style is free.
Get itHow Far is it to Mars?
See how far Mars would be if the Earth were 100px wide on this great site by David Paliwoda and Jesse Williams.
Check it outPhotoset Grid
Originally created for Style Hatch Tumblr themes, this simple jQuery plugin arranges images into a flexible grid, based on Tumblr's photoset feature.
Check it outFree Responsive Wireframes
Some great templates for wireframing responsive websites by Chris Bannister.
Get itSequi Typeface
Sequi is an experimental typeface project by João Andrade and all styles are for free, light, regular and bold.
Get itjQuery Mobile Flat-UI Theme
A stylish flat theme for jQuery Mobile by Michal Kuklis. It's based on Flat-UI by Designmodo.
Get itA Pen by Mark Kahn
Mark Kahn created this amazing pen that involves some serious hypocycloid madness.
Check it outThreeBar
ThreeBar is a service designed to help promote content to your readers by showing a message at the top of a page. It comes with a powerful analytics platform to track the performance.
Check it outFlat Braun UI (PSD)
Remember the pixel-perfect Braun UI by Adrien Olczak? Well, this is the flat rebound and it looks just awesome!
Check it outWine Glasses Icons (PSD)
Need to design a website related to wine? Andrus Valulis shares this set of different wine glass types with us.
Check it outdatamock.js
With datamock.js by Mark Steve Samson you can easily add filler data to your mockups.
Check it out