Collective #146
![Collective146_gifmylive](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/12/Collective146_gifmylive.png?x86293)
Inspirational Website of the Week: Gifmylive
This amazingly creative and lively website is our pick this week. Careful, it starts with bombastic sound.
Get inspired![Collective146_materialinteraction](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/12/Collective146_materialinteraction.png?x86293)
Material Interaction
Check out some great interactive experiences for Google's Material Design Principles.
Check it out![Collective146_projectron](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/12/Collective146_projectron.png?x86293)
GLSL-Projectron
An amazing WebGL demo by Andy Hall where random 3D polygons get generated which resemble a given target image when projected.
Check it out![Collective146_beetle](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/12/Collective146_beetle.png?x86293)
Beetle: Free HTML5 template
A fantastic free responsive parallax HTML5 template for landing pages, blogs and resumes by Mokaine.
Get it![Collective146_EvilIcons](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/12/Collective146_EvilIcons.png?x86293)
Evil Icons
These icons are not evil at all! A great set of light-weight SVG icons made by Alexander Madyankin and Roman Shamin.
Get it![Collective146_Skeleton](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/12/Collective146_Skeleton.png?x86293)
Skeleton: Responsive CSS Boilerplate
A straightforward and clean CSS boilerplate for your next responsive website project.
Check it out![Collective146_zombiestreet](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/12/Collective146_zombiestreet.png?x86293)
Zombie Street
Enki Mute's scary cool Google experiment where you can check if a Zombie is at your door step.
Check it out![Collective146_expandableimagegallery](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/12/Collective146_expandableimagegallery.png?x86293)
Expandable Image Gallery
A beautiful expandable image gallery by Claudia Romano from CodyHouse.
Check it out![Collective146_Firefox](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/12/Collective146_Firefox.png?x86293)
Firefox.html
Firefox.html is an experiment by Paul Rouget that re-implements the Firefox UI in HTML.
Check it out![Collective146_ResponsibleWebC](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/12/Collective146_ResponsibleWebC.png?x86293)
Responsible Web Components
An article by Jeremy Keith about how web components could, and should, extend existing elements with some useful links/resources.
Read it![Collective146_frontendapp](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/12/Collective146_frontendapp.png?x86293)
Planning A Front-end JavaScript Application
Cody Lindley writes about how to plan a front-end web application properly.
Read it![Collective146_googlemapslazyload](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/12/Collective146_googlemapslazyload.png?x86293)
Lazy-loading Google Maps
Osvaldas Valutis' great approach for lazy-loading Google Maps on a page.
Check it out![Collective146_squire](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/12/Collective146_squire.png?x86293)
Squire
Squire is a light-weight and flexible HTML5 rich text editor that provides powerful cross-browser normalization.
Check it out![Collective146_IntAPI](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/12/Collective146_IntAPI1.png?x86293)
Introducing the JavaScript Internationalization API
Jeff Walden introduces the JavaScript Internationalization API first shipped with Firefox 29.
Read it![Collective146_MadSquire](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/12/Collective146_MadSquire.png?x86293)
Free Font: Mad Squire
A beautiful and unique typeface by Nele Tullus.
Get it![Collective146_photoswipe](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/12/Collective146_photoswipe.png?x86293)
PhotoSwipe
The dependency-free and solid JavaScript gallery with great touch support.
Check it out![Collective146_soundcloud](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/12/Collective146_soundcloud.png?x86293)
Redesigning SoundCloud
Evan Simoni breaks down the design of SoundCloud and builds it back up with a nice redesign.
Check it out![Collective146_RegExp](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/12/Collective146_RegExp.png?x86293)
Learn Regular Expressions in 20 Minutes
Got 20 minutes? Then it's time to finally learn those regular expressions. A great tutorial by Martin Angelov.
Read it![Collective146_airtrafficcontrol](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/12/Collective146_airtrafficcontrol.png?x86293)
Air Traffic Control
Just amazing: an ATC simulator in HTML5. Check out the code on GitHub.
Check it out![Collective146_hanken](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/12/Collective146_hanken.png?x86293)
Free Font: Hanken Round
An elegant round geometric typeface by Alfredo Marco Pradil.
Get it![Collective146_BigPicture](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/12/Collective146_BigPicture.png?x86293)
BigPicture
BigPicture is like an infinite notepad where you can pan and zoom (almost) infinitely.
Check it out![Collective146_UrbanDictDesign](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/12/Collective146_UrbanDictDesign.png?x86293)
The Urban Dictionary Of Design Slang
Some fun definitions of design jargon that you've certainly used or heard of if you are a (web) designer.
Check it out![Collective146_motorless](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/12/Collective146_motorless.png?x86293)
Free Font: Motorless
A unique font by Fabien Laborie that comes in three styles.
Get it