Bi-Weekly Frontend News

Collective #98

Inspirational Website of the Week


It takes a long time to load, but it's definitely worth the wait. Eleks' Google Glass experiment website is our pick this week.

Get inspired



GLSL-Transition is a fantastic project by Gaƫtan Renaudeau that leverages the powers of WebGL Shaders (GLSL) to create amazing transition effects.

Check it out



Slip.js is an excellent UI library for interactive swiping and reordering of elements in lists on touch screens.

Check it out



Need to style some checkboxes and want them to look the same across all browsers? Then iCheck (for jQuery and Zepto) will make your work easy by creating customized checkboxes and radio buttons.

Check it out



A great project for hover effects by Ian Lunn.

Check it out

Ten reasons we switched from an icon font to SVG

An excellent article by Ian Feather on the reasons why at they chose SVG over icon fonts.

Read it

Flexible CSS cover images


Read how Nicolas Gallagher implemented the flexible cover images that appear in his posts.

Read it

Flat Apple Devices MockUp (PSD)


A great set of Apple device mockups including iPhone, iPad, iMac and MacBook for responsive web design showcases.

Get it

CSS: User Agent Selectors


How to use CSS attribute selectors to target specific browsers? Rogie King explains how to do it.

Read it

Unify: Unicode support on browsers and devices


Unicode characters are not supported equally among devices. John Holt Ripley created this unicode test suite where you can check where a unicode character is supported and where not.

Check it out

Top Pens of 2013


Check out the most popular pens of 2013 on Codepen. A set of 100 creative pens are waiting to get checked out.

Check it out

Free flat round icons set


If you need some pixel-perfect, round and flat icons for your next project, you'll definitely find RoundIcons interesting. You can download a set of 60 icon for a tweet or a like.

Get it

Free Font: Homizio Nova


Homizio Nova is a slick and elegant sans-serif font designed by Álvaro Thomáz.

Get it

Picjumbo: Free photos


This site offers some high-quality and meaningful photography for personal or commercial usage.

Check it out

How To Create an Easy Abstract Blur Pattern Design


A great tutorial on how to create a stylish pattern design by Chris Spooner.

Read it

Fragmentation of masked and clipped content


Learn all about fragmentation of masked and clipped content in this Adobe article. Also, read the second part here.

Read it

Origins of Common UI Symbols


A beautiful presentation of Bryan Gardiner's "Origins of Common UI Symbols" on Readymag designed by Shuffle Magazine.

Check it out

Free Font: Fancy Me


A dreamy and pretty font on Colors & Beyond.

Get it

48 Free Icons


Robin Kylander created this brilliant vector icon set with 48 icons for free.

Get it

When To Use The Button Element

Read about when to use a hyperlink or a button element in your HTML in this article by Chris Coyier.

Read it