Collective #59

View All

Responsive Navigations * Cross-browser Flexbox * HEX to RGB * Animated Climacons * Moot * Retro Vectors * csscss * Free Fonts

Collective 59

Inspirational Website of the Week


Our pick this week, "Into the Artic" by Greenpeace is a wonderful example of great effects and interesting interactivity.

Get inspired

Hack Your Maps


Young Hahn shows how to integrate web maps into your designs in this in-depth A List Apart article.

Read it

PLTTS - Find your perfect color palette


With PLTTS it's easy to find the matching color-palette for a project you are working on. Type in a HEX code and search for a palette with a specific color.

Check it out

Drop-Down Navigation: Responsive and Touch-Friendly


A very useful approach for creating a touch-friendly multi-level navigation by Osvaldas Valutis.

Check it out

Transitional Interfaces


Pasquale D’Silva explains the importance of how animation can provide context and help users understand how information flows.

Read it

Simplicity Vector Icon Set


Some clean and beautiful icons by Web Icon Set for your next website or web app.

Get it

Advanced cross-browser flexbox


Chris Mills shows some advanced techniques for a cross-browser friendly usage of Flexbox.

Read it

iPad and iPhone 5 Wireframe Freebie


Cat Smith created these beautiful device wireframes with keyboard and status bar.

Get it


Keep your CSS lean with csscss: it will parse any CSS files you give it and let you know which rule sets have duplicated declarations.

Check it out

Tunnel vision 3D CSS


A mesmerizing pen by Peter Westendorp that shows what can be done with CSS 3D transforms, border-radius and border-style.

Check it out



A website that features some great ideas for a good UI organized by Jakub Linowski.

Check it out

Responsive Nav: A Simple JavaScript Plugin For Responsive Navigation


Viljami Salminen created this great JavaScript plugin for a solid responsive navigation.

Check it out

Free Font: Distractor


A new font by Simon Stratford loosely based on Bevan and inspired by old letterpress styles and hand printed lettering.

Get it

Log: Console.log with style


Bored by the default looks of the console? Now you can have Console.log with custom style.

Check it out

7 Billion World - 7 billion people on 1 page


See how all seven billion people of the world fit onto a single website. You are somewhere there, too.

Check it out

HEX to RGB Converter


Need to convert a HEX color code into a RGB value and vice versa? This website does exactly that in a very stylish and simplistic manner.

Check it out

Cute CSS3-only animals


Sara Soueidan created some absolutely cute CSS-only animals with beautiful detail.

Check it out

SVG Climacons Animated w/ CSS


Noah Blon made a fantastic animated SVG version of Adam Whitcroft's Climacons with CSS.

Check it out

Moot: Forums and commenting re-imagined


If you always thought that there is no hope for bulletin boards then you will find Moot exciting: Moot is a radically different discussion platform, unencumbered by the weight of unnecessary features and distractions.

Check it out

Retro Vectors


A great resource site packed with great retro vectors that can be used freely in personal or commercial work.

Check it out

Free Font: Benito Clean Italic


Mateusz Machalski designed Benito, a proportional, geometric woodtype. You can get the Clean Italic style for free.

Get it

Would you like to become a Collective sponsor?

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

Do you want to share some interesting news here?

The Collective features the latest news and resources from the web design & web development community. If you have spotted something that you'd like to appear in the next issue, just submit it here