Bi-Weekly Frontend News

Collective #125

Inspirational Website of the Week:


This week's inspirational website is Adventure, a beautifully designed site with excellent typography and some slick effects.

Get inspired

Understanding SVG Coordinate Systems & Transformations (Part 1)


A fantastic in-depth tutorial with interactive demo by Sara Soueidan that will make it easy for you to understand SVG viewBox and preserveAspectRatio.

Read it

Hacks for dealing with specificity


Harry Roberts gives advice and tips on how to tackle specificity in CSS better in order to avoid the side effects.

Read it

Google Is Designing the Font of the Future. Here’s How.


An interesting article on Google's work on Roboto, the Android typeface.

Read it

The Creative Class of MMXIV


Get inspired with the musings of some of the most influential people within the creative industry.

Get inspired

Ripple Click Effect


A walkthrough that shows how to re-create the cool ripple click effect used in the Polymer Project by Google.

Check it out

Winter Icon Set


A set of really beautiful winter icons designed by talented Tamara.

Get it

Scaling Down The BEM Methodology For Small Projects


An inisghtful article by Maxim Shirshin on how to use the BEM syntax effectively on smaller projects.

Read it

Free Font: Aaram


A unique typeface with elegant curves designed by Tharique Azeez.

Get it

Breach: A browser for the HTML5 era


Breach is a free, modular browser written in JS that you can easily extend and develop with.

Check it out

Three.js Interactive Template Generator


Generate a three.js application template using interactive controls. Made by Callum Prentice.

Check it out

Rome Date/Time Picker


Rome is a dependency-free and customizable date/time picker developed by Nicolas Bevacqua.

Check it out

40 Battery Vector Icons (AI, EPS, SVG and PNG)


A great set of battery icons in all kinds of states for your next app design.

Get it

Mintie Flat Icons (PSD)


A set of cute flat icons by Oliver Stoian for Pixel Buddha.

Get it

18 Surprises From Reading jQuery's Source Code


David Aragon shares his interesting discoveries examining the jQuery source from top to bottom.

Read it

Clear Icons - Solid (PSD, PNG, SVG and CSH)


A set of 500 minimalistic and sharply designed icons by Appzgear.

Get it

raumrot: FREE Hi-Res Pictures


A great resource for high-quality free, CC-BY licensed stock photos by raumrot.

Check it out



A fun site where you can turn your picture into a LEGO brick mosaic.

Check it out

Social Good Ipsum


Social Good Ipsum is the new kid on the block of Dummy text generators that will give you smart text for your comps.

Check it out