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 inspiredHack Your Maps
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
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
A very useful approach for creating a touch-friendly multi-level navigation by Osvaldas Valutis.
Check it outTransitional Interfaces
Pasquale D’Silva explains the importance of how animation can provide context and help users understand how information flows.
Read itSimplicity Vector Icon Set
Some clean and beautiful icons by Web Icon Set for your next website or web app.
Get itAdvanced cross-browser flexbox
Chris Mills shows some advanced techniques for a cross-browser friendly usage of Flexbox.
Read itiPad and iPhone 5 Wireframe Freebie
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
A mesmerizing pen by Peter Westendorp that shows what can be done with CSS 3D transforms, border-radius and border-style.
Check it outGoodUI
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
Viljami Salminen created this great JavaScript plugin for a solid responsive navigation.
Check it outFree Font: Distractor
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
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
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
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
Sara Soueidan created some absolutely cute CSS-only animals with beautiful detail.
Check it outSVG Climacons Animated w/ CSS
Noah Blon made a fantastic animated SVG version of Adam Whitcroft's Climacons with CSS.
Check it outMoot: 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 outRetro Vectors
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
Mateusz Machalski designed Benito, a proportional, geometric woodtype. You can get the Clean Italic style for free.
Get it