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
7

Inspirational Website of the Week: MY/STATIC/SELF

Collective107_MyStaticSelf

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

Collective107_web25

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)

Collective107_OutlineIcons

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

Collective107_Brick

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

Collective107_CSSpreprocessor

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
Advertisement

Icon System with SVG Sprites

Collective107_iconsystem

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

Read it

Device-Agnostic

Collective107_deviceagnostic

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

Read it

Geomicons Open

Collective107_opensourceicons

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

Collective107_boxshadow

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

Collective107_freewebfonts

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

Collective107_aesop

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

Read it

MakeHuman

Collective107_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

Collective107_Fonttrends

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)

Collective107_weddingicons

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

Get it

Redesigning IMDB

Collective107_IMDBRedesign

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

Collective107_Nobody3d

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

Collective107_2048game

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

Collective107_Loading

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

Check it out

Iconion Icon Creator

Collective107_ioicons

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

Collective107_metalsmith

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

Collective107_SClock

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

Check it out

Feedback Ideas for Buttons

Collective107_UIFeedback

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.