Bi-Weekly Frontend News

Collective #98

Inspirational Website of the Week

Collective98_GGlass

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

Collective98_glsl

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

Collective98_slipjs

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

Check it out
Advertisement

iCheck

Collective98_icheck

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

Hover.css

Collective98_hovercss

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 lonelyplanet.com they chose SVG over icon fonts.

Read it

Flexible CSS cover images

Collective98_flexiblecssimages

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

Read it

Flat Apple Devices MockUp (PSD)

Collective98_flatapple

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

Get it

CSS: User Agent Selectors

Collective98_useragentsselector

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

Collective98_unify

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

Collective98_toppens

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

Collective98_60roundicons

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

Collective98_homizio

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

Get it

Picjumbo: Free photos

Collective98_picjumbo

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

Collective98_pattern

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

Read it

Fragmentation of masked and clipped content

Collective98_clipfragmentation

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

Collective98_uisymbols

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

Collective98_fancyme

A dreamy and pretty font on Colors & Beyond.

Get it

48 Free Icons

Collective98_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