Bi-Weekly Frontend News

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 inspired



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 out

Media 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 it

Asm.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 it

SVG 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 out

Metrize Icons


Alessio Atzeni created this huge set of 300 free metro style icons for designers and developers.

Get it



Superhero.js is a collection of the best articles, videos and presentations on creating, testing and maintaining large JavaScript applications.

Check it out

FESS: 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 CSS

CSS Masking


Dirk Schulze shows how to do some amazing things with CSS Masking.

Read it

Can 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 it

Beach GUI (PSD)


A clean and beautiful freebie by Mike Clarke.

Get it

bootstrap-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 out

Free 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 it

How 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 out

Photoset 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 out

Free Responsive Wireframes


Some great templates for wireframing responsive websites by Chris Bannister.

Get it

Sequi Typeface


Sequi is an experimental typeface project by João Andrade and all styles are for free, light, regular and bold.

Get it

jQuery Mobile Flat-UI Theme


A stylish flat theme for jQuery Mobile by Michal Kuklis. It's based on Flat-UI by Designmodo.

Get it

A Pen by Mark Kahn


Mark Kahn created this amazing pen that involves some serious hypocycloid madness.

Check it out



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 out

Flat 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 out

Wine 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 out



With datamock.js by Mark Steve Samson you can easily add filler data to your mockups.

Check it out