Bi-Weekly Frontend News

Collective #125

Inspirational Website of the Week: Adventure.com

Collective125_adventure

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)

Collective125_SVGCoordPreserve

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
Advertisement

Hacks for dealing with specificity

Collective125_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.

Collective125_GoogleRoboto

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

Read it

The Creative Class of MMXIV

Collective125_CreativeClass

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

Get inspired

Ripple Click Effect

Collective125_ripple

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

Collective125_WinterIconSet

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

Get it

Scaling Down The BEM Methodology For Small Projects

Collective125_BEM

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

Read it

Free Font: Aaram

Collective125_Aaram

A unique typeface with elegant curves designed by Tharique Azeez.

Get it

Breach: A browser for the HTML5 era

Collective125_Breach

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

Collective125_Threejstemp

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

Check it out

Rome Date/Time Picker

Collective125_rome

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)

Collective125_Batteries

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

Get it

Mintie Flat Icons (PSD)

Collective125_MintIcons

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

Get it

18 Surprises From Reading jQuery's Source Code

Collective125_jquery18

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

Read it

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

Collective125_ClearIcons

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

Get it

raumrot: FREE Hi-Res Pictures

Collective125_Raumrot

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

Check it out

Brickapic

Collective125_Lego

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

Check it out

Social Good Ipsum

Collective125_SocialGoodIpsum

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