Collective #59
Inspirational Website of the Week
![Collective59_intotheartic](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/04/Collective59_intotheartic1.jpg?x25555)
Our pick this week, "Into the Artic" by Greenpeace is a wonderful example of great effects and interesting interactivity.
Get inspiredHack Your Maps
![Collective59_hackurmaps](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/04/Collective59_hackurmaps.jpg?x25555)
Young Hahn shows how to integrate web maps into your designs in this in-depth A List Apart article.
Read itPLTTS - Find your perfect color palette
![Collective59_pltts](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/04/Collective59_pltts.jpg?x25555)
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 outDrop-Down Navigation: Responsive and Touch-Friendly
![Collective59_dropdown](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/04/Collective59_dropdown.jpg?x25555)
A very useful approach for creating a touch-friendly multi-level navigation by Osvaldas Valutis.
Check it outTransitional Interfaces
![Collective59_transinterfaces](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/04/Collective59_transinterfaces.jpg?x25555)
Pasquale D’Silva explains the importance of how animation can provide context and help users understand how information flows.
Read itSimplicity Vector Icon Set
![Collective59_vectoriconset](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/04/Collective59_vectoriconset.jpg?x25555)
Some clean and beautiful icons by Web Icon Set for your next website or web app.
Get itAdvanced cross-browser flexbox
![Collective59_flexbox](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/04/Collective59_flexbox.jpg?x25555)
Chris Mills shows some advanced techniques for a cross-browser friendly usage of Flexbox.
Read itiPad and iPhone 5 Wireframe Freebie
![Collective59_ipadiphone](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/04/Collective59_ipadiphone.jpg?x25555)
Cat Smith created these beautiful device wireframes with keyboard and status bar.
Get itcsscss
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 outTunnel vision 3D CSS
![Collective59_tunnel](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/04/Collective59_tunnel.jpg?x25555)
A mesmerizing pen by Peter Westendorp that shows what can be done with CSS 3D transforms, border-radius and border-style.
Check it outGoodUI
![Collective59_goodui](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/04/Collective59_goodui.jpg?x25555)
A website that features some great ideas for a good UI organized by Jakub Linowski.
Check it outResponsive Nav: A Simple JavaScript Plugin For Responsive Navigation
![Collective59_responsivenav](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/04/Collective59_responsivenav.jpg?x25555)
Viljami Salminen created this great JavaScript plugin for a solid responsive navigation.
Check it outFree Font: Distractor
![Collective59_Distractor](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/04/Collective59_Distractor.jpg?x25555)
A new font by Simon Stratford loosely based on Bevan and inspired by old letterpress styles and hand printed lettering.
Get itLog: Console.log with style
![Collective59_log](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/04/Collective59_log.jpg?x25555)
Bored by the default looks of the console? Now you can have Console.log with custom style.
Check it out7 Billion World - 7 billion people on 1 page
![Collective59_7billion](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/04/Collective59_7billion.jpg?x25555)
See how all seven billion people of the world fit onto a single website. You are somewhere there, too.
Check it outHEX to RGB Converter
![Collective59_hexcolorrrs](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/04/Collective59_hexcolorrrs.jpg?x25555)
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 outCute CSS3-only animals
![Collective59_cssanimals](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/04/Collective59_cssanimals.jpg?x25555)
Sara Soueidan created some absolutely cute CSS-only animals with beautiful detail.
Check it outSVG Climacons Animated w/ CSS
![Collective59_svgicons](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/04/Collective59_svgicons.jpg?x25555)
Noah Blon made a fantastic animated SVG version of Adam Whitcroft's Climacons with CSS.
Check it outMoot: Forums and commenting re-imagined
![Collective59_moot](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/04/Collective59_moot.jpg?x25555)
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 outRetro Vectors
![Collective59_retrovectors](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/04/Collective59_retrovectors.jpg?x25555)
A great resource site packed with great retro vectors that can be used freely in personal or commercial work.
Check it outFree Font: Benito Clean Italic
![Collective59_Benito](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2013/04/Collective59_Benito.jpg?x25555)
Mateusz Machalski designed Benito, a proportional, geometric woodtype. You can get the Clean Italic style for free.
Get it