Collective #107

View All

Web at 25 * Custom CSS preprocessing * Brick Webfonts * SVG Sprites * Device-Agnostic * MakeHuman * Web Font Trends * Redesigning IMDB * UI Feeback

Cover design by Emanuel Serbanoiu

Inspirational Website of the Week: MY/STATIC/SELF


The portfolio site of software developer John Iacoviello is a fantastic game-like experience. Our pick this week.

Get inspired

Web at 25: Celebrating the 25th Anniversary of the Invention of the Web


The official anniversary site hosted by the World Wide Web Consortium and the World Wide Web Foundation to honor the 25th birthday of our World Wide Web.

Join the celebration!

150 outlined icons (PSD, AI, SVG, Webfont)


A fantastic set of 150 outlined icons designed by Dario Ferrando for Freebiesbug. The package includes PSD, AI, sliced SVGs and a Webfont ready to be included in your website.

Get it

Brick Webfonts


Webfonts served by Brick are clones of the original, converted without modification to WOFF format for high-quality rendering and fast loading across all modern browsers.

Check it out

Custom CSS preprocessing


Nicolas Gallagher shows how you can create your own custom CSS preprocessor with Rework, an arbitrary CSS preprocessing library for Node.js.

Check it out

Icon System with SVG Sprites


Chris Coyier shows how to make a modern icon system with the <use> technique and an inline SVG.

Read it



An insightful article by Trent Walton on what designing websites based on the device-agnostic approach involves.

Read it

Geomicons Open


Brent Jackson created this open source icon project for the web that was build with performance in mind.

Check it out

Drop shadow for two elements preserving the intersection in CSS


If you have ever tried adding a box shadow to two overlapping elements, you'll appreciate this CSS technique by Anselm Hannemann for making it work.

Check it out

Taking A Second Look At Free Fonts


Take a second look at free fonts with Jeremiah Shoaf and learn how the quality has improved over the recent years.

Read it

Aesop Story Engine


An interesting set of open-source tools that allows for the creation of feature-rich, interactive, storytelling themes for WordPress.

Read it



After many years of development, MakeHuman, a fantastic, free and open source software to create realistic 3D humans, got released.

Check it out

The Latest in Web Font Trends


Jenn Lukas looks into the latest Web Font trends and collects the top used fonts from the most popular web fonts providers.

Check it out

Wedding Icons (AI, EPS)


Rinat Rozilio shares these cute wedding related vector icons for free.

Get it

Redesigning IMDB


Read about the very thoughtful redesign concept of the Internet Movies Database by Rémi Fayolle?and Gilles Bertaux.

Check it out

Nobody expects 3D


Although we all do expect 3D by now, this is a nice primer on how to add some 3D jazz to your elements.

Read it

2048 Game


A super addictive tile game created by Gabriele Cirulli. Move the tiles with the arrow keys and make pairs sum. Try to get to the 2048 tile! Really cool on your mobile.

Play it

Loading... This could take a while


Seriously? Still loading? Awesome SVG loaders by Brent Jackson.

Check it out

Iconion Icon Creator


Sometimes you just need some PNG icons for your projects and with Iconion you can easily create them from any icon font.

Check it out

Metalsmith: Static Site Generator


An interesting website generator that works by reading files in a directory, manipulating them with plugins, and then outputting the static site.

Check it out

Mac-Slow Clock in SVG


A Web port of Linux Mac-Slow clocks done in SVG.

Check it out

Feedback Ideas for Buttons


Some nice inspiration for feedback ideas for your buttons or other UI elements.

Check it out

Would you like to become a Collective sponsor?

You can sponsor a Collective issue with your own news item. Find out more.

Would you like to send us some news?

The Collective features the latest news and resources from the web design & web development community. If you have spotted or created something that you'd like see published in the next issue, just submit the resource or article here.