Bi-Weekly Frontend News

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