Bi-Weekly Frontend News

Collective 70

Inspirational Website of the Week


Moresleep is our inspirational website of the week because of the minimal color scheme and slick effects.

Get inspired



Aristochart is an open source, highly customizable and flexible line charting library for canvas created by Adrian Cooney.

Check it out

Media Queries Are Not The Answer: Element Query Polyfill


Tyson Matanich has written a proof-of-concept polyfill for element queries, the possibly better long-term solution alternative to media queries.

Read it

Style Guide Boilerplate


A very useful boilerplate for style guides with five different parts that will help you maintain consistency in your next project. Created by Brett Jankord.

Check it out

Free iOS 7 icons in vector


An amazing free set of 240 iOS 7 icons made by VisualPharm.

Get it

Mobile Web Problems and How to Avoid Them


Brad Frost gives some interesting insights on the most common mobile web problems collected over two years on "WTF Mobile Web".

Read it

HTML5 Genetic Algorithm 2D Car Thingy


A great demonstration of the power of genetic algorithms: this program uses a simple genetic algorithm to evolve random two-wheeled shapes into cars over generations. Written by Rafael Matsunaga using Box2D and Canvas.

Check it out

Mastering CSS Layout with Flexbox


Some great practical examples of flexbox layouts by Sean Fioritto from his upcoming book "Sketching with CSS".

Read it



An interesting visualization of flight paths over some large cities of the world.

Check it out

Face to GIF


Face to GIF is a fantastic little webapp that lets you record yourself and created infinitely looping GIFs.

Check it out

CSS Shredder


Johnny Simpson shows you how to create a fun CSS shredder with 3D transforms, animations and the clip property.

Check it out



Chance by Victor Quinn can generate random numbers, characters, strings, names, addresses, dice, and pretty much anything else. Very useful for creating some diversity while writing automated tests.

Check it out

Free Font: Quirky Nots


Quirky Nots is a fun and beautiful font designed by Amit Jakhu.

Get it

Tactile Design Kit


The tactile design kit is a printable, interactive web design kit created to facilitate client conversation and brainstorming during the discovery and design phase.

Get it

Free Font: Foresee


Foresee is a unique typeface for your next creative project by Arnaud Le Roux.

Get it

Free Font: Hanoi Typeface


Hanoi Sleek by Alex Dale is a sharp display font with a unique touch.

Get it

Promo – Flat Style Landing Page (PSD)


Promo is a clean and flat landing page PSD template by Nathan Brown for WeGraphics.

Get it

Cross-hatching GLSL shader


An interesting cross-hatching GLSL shader made by Jaume Sanchez using three.js.

Check it out

yass.js: Yet Another SrcSet implementation


Yass.js is a light-weight, mobile-first standalone srcset implementation by J. Tangelder.

Check it out

Using SVG for sprites – a cautionary tale


Adrian Osmond shares some insights on how SVG sprites can create more jank than PNG ones.

Read it

FROONT: Visual responsive web design


A promising looking visual editor with a drag and drop interface for creating responsive websites.

Check it out

35+ Real Estate Logos ( Ai, Eps)


A great set of free real estate logo templates by blugraphic.

Get it

Display PSD Theme


A clean and minimal PSD website template with four different pages designed by Michael Reimer.

Get it

Minimal UI Kit (PSD)


A very nice UI kit that was inspired by Google+. For your next minimal design project.

Get it



PivotTable.js is a jQuery Pivot table library with drag and drop functionality. Made by Nicolas Kruchten at Datacratic.

Check it out

Long shadow design


Read about an interesting new trend: long shadow design. Flatty, make way for this new kid on the block! An article by Jeff Escalante.

Read it