Collective #107

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.

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

Device-Agnostic

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

MakeHuman

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