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

Collective59_intotheartic

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

Get inspired

Hack Your Maps

Collective59_hackurmaps

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

Collective59_pltts

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

Collective59_dropdown

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

Check it out
Advertisement

Transitional Interfaces

Collective59_transinterfaces

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

Collective59_vectoriconset

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

Get it

Advanced cross-browser flexbox

Collective59_flexbox

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

Read it

iPad and iPhone 5 Wireframe Freebie

Collective59_ipadiphone

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

Get it

csscss

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

Collective59_tunnel

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

Check it out

GoodUI

Collective59_goodui

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

Collective59_responsivenav

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

Check it out

Free Font: Distractor

Collective59_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

Collective59_log

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

Collective59_7billion

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

Collective59_hexcolorrrs

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

Collective59_cssanimals

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

Check it out

SVG Climacons Animated w/ CSS

Collective59_svgicons

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

Check it out

Moot: Forums and commenting re-imagined

Collective59_moot

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

Collective59_retrovectors

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

Collective59_Benito

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

Get it

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