Bi-Weekly Frontend News

Collective #73

Inspirational Website of the Week


Some nice transitions and an interesting layout are the reason we've picked the website of the movie "The Congress" as inspirational website of the week.

Get inspired


2 is a very useful documentation generator that uses a simple folder structure and Markdown files. It comes with a lot of features and it creates custom documentations on the fly.

Check it out

Meet the Ipsums


A great place to meet all the "Ipsums" in a stylish way. Created by Tim Holman and Claudio Guglieri.

Check it out

Authentic Design


A wonderful article by Dmitry Fadeyev on the deeper meaning of the current "flat" design trend.

Read it

Date for humans


Date by Matthew Mueller is an English language date parser for node.js and the browser.

Check it out

DevTools Snippets


A collection of helpful snippets to use inside of browser development tools by Brian Grinstead.

Check it out



Imagefill.js is a useful jQuery plugin when working with responsive images/designs. It makes images fill their containers and be centered.Made by John Polacek.

Check it out



SculptGL by St├ęphane Ginier is an amazing sculpting application powered by WebGL. It features dynamic subdivision, decimation, uniformization and adaptive sculpting.

Check it out

iOS 7 iPad (AI)


An amazing resource by Kim Ruelo: the iOS 7 iPad GUI as AI file with all the elements needed for creating a mockup.

Get it

Looking Into the Future of Sass


Hugo Giraudel gives us an overview of all the cool new features coming to Sass.

Read it


Here you can find a great overview of the OSS licenses and which one is suitable for your project.

Check it out

Free Font: Verano


A very relaxed and summerly font by Joan Alegret.

Get it

Free Font: Summit


A very elegant font inspired by geometric sans serifs made by Luke Lisi. You can download the font for free, but support is welcome.

Get it

Fun with SVG Filters


Alan Greenblatt shows us how to apply SVG filters to achieve a variety of effects on images. If you are into convolution matrices this might be interesting to you.

Check it out

Filter Effects & Blend Modes


Divya Manian talks about the exciting Filter Effects and Blend Modes. Don't forget to check out the slides too.

Watch it

Free Font: FurFont


An interesting and unique typeface designed by Milya Ptitsyna.

Get it


20 is a webshop and typefoundry that provides motion designers, video editors and others in the field of the moving image with amazing animated typefaces. The typefaces are easy to use, customizable and scalable without any loss of quality.

Check it out

Understanding Sass lists


Another great, in-depth article by Hugo Giraudel on Sass lists, how to create and use them.

Read it

Free Flat Vector Icons (PSD, AI, PNG)


Some beautiful flat vector icons from MediaLoot designer Tony Thomas.

Get it



RBush is a high-performance JavaScript library for 2D spatial indexing of points and rectangles by Vladimir Agafonkin. It is based on an optimized R-tree data structure with bulk insertion support.

Check it out

Remy Sharp's workflow with devtools #3: full coding stack


In this video Remy Sharp shows how to use "workspaces" in Chrome's devtools to allow writing to files.

Watch it

The Compass port of normalize.css


If you are using Sass/Compass then you'll find this port of normalize pretty useful which includes legacy IE support variables, CSS3 box sizing mixin and vertical rhythm mixins. Made by John Albin Wilkins.

Check it out

GitHub's on your phone


Now you can visit GitHub with your mobile phone and get an optimized mobile web view.

Check it out

Hicons (PNG, AI)


A sweet and useful icon set made with clean lines. Designed by Vlad from HappyToDesign.

Get it