Collective #141

Inspirational Website of the Week: Nerisson
This week's inspirational website is the fun and creative portfolio by Jimmy Raheriarisoa.
Get inspired
Mega-Site Navigation
A beautiful responsive mega menu made by Sebastiano Guerriero from CodyHouse.
Check it out
Styling And Animating SVGs With CSS
A complete guide for styling and animating SVGs with CSS by Sara Soueidan.
Read it
Twitter Emoji (Twemoji)
Twitter open-sourced the set of 872 beautiful emojis. Check out the announcement on the Twitter blog.
Check it out
Swing
A swipeable cards interface with swipe-left/swipe-right for yes/no input as seen in apps like Jelly and Tinder.
Check it out
Type Genius
With Type Genius you can find the perfect font combo for your next project.
Check it out
Elegant: Free PSD/HTML Template
Diogo Dantas designed this awesome HTML template. Includes PSD files.
Check it out
Responsive Images in Practice
Eric Portis sums up what there is to know about using the responsive image markup and solutions in practice.
Read it
Soundscape
Sounscape combines the sounds of the world into a melody. Just pick your sounds, listen and relax.
Listen
International Telephone Input
A jQuery plugin for entering and validating international telephone numbers. By Mitoo.
Check it out
Levallois Cyril experiments with SVG animations in this fabulous demo.
Check it out
TMI (Too Many Images)
Find out the image weight in your pages, compare to the HTTPArchive average and discover what images you can optimize further. Made by Addy Osmani.
Check it out
Free Font: Skinny Bastard
Marcelo Reis Melo designed this interesting hand-written typeface.
Get it
Freebie: Boldons Icon Set
A lovely and well-designed icon set with 45 colorful icons.
Get it
Hacker's guide to Neural Networks
Andrej Karpathy explains Neural Networks in this great soon-to-be-a-book guide.
Read it
Vivus
With Vivus you can do great SVG line drawing animations.
Check it out
A New Way to Test Internet Explorer on OS X, iOS and Android
Ray Bango shows you how to use RemoteIE, a new tool that makes it easier to test sites in IE regardless of which platform you're on.
Check it out
Blackout
Ee Venn Soh's amazing CSS experiment that plays with lights. Read more about it on the project page on Behance.
Check it out
Wami Map: OSM API Service
Get access to OpenStreetMap data easily with this API service by Wami.
Check it out
Using linked SmartObjects in combination with Layercomps in Photoshop CC
A great tutorial on using linked SmartObjects in combination with Layer Comps by Veerle Pieters.
Check it out
astronomyy.fm
Listen to the beautiful songs of astronomyy with this fitting player.
Listen
Free Vector Font: Manifesto
Tomaz Leskovec designed this interesting font available in vector format.
Get it