Collective #146
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
Material Interaction
Check out some great interactive experiences for Google's Material Design Principles.
Check it out
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
Beetle: Free HTML5 template
A fantastic free responsive parallax HTML5 template for landing pages, blogs and resumes by Mokaine.
Get it
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
Skeleton: Responsive CSS Boilerplate
A straightforward and clean CSS boilerplate for your next responsive website project.
Check it out
Zombie Street
Enki Mute's scary cool Google experiment where you can check if a Zombie is at your door step.
Check it out
Expandable Image Gallery
A beautiful expandable image gallery by Claudia Romano from CodyHouse.
Check it out
Firefox.html
Firefox.html is an experiment by Paul Rouget that re-implements the Firefox UI in HTML.
Check it out
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
Planning A Front-end JavaScript Application
Cody Lindley writes about how to plan a front-end web application properly.
Read it
Lazy-loading Google Maps
Osvaldas Valutis' great approach for lazy-loading Google Maps on a page.
Check it out
Squire
Squire is a light-weight and flexible HTML5 rich text editor that provides powerful cross-browser normalization.
Check it out
Introducing the JavaScript Internationalization API
Jeff Walden introduces the JavaScript Internationalization API first shipped with Firefox 29.
Read it
Free Font: Mad Squire
A beautiful and unique typeface by Nele Tullus.
Get it
PhotoSwipe
The dependency-free and solid JavaScript gallery with great touch support.
Check it out
Redesigning SoundCloud
Evan Simoni breaks down the design of SoundCloud and builds it back up with a nice redesign.
Check it out
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
Air Traffic Control
Just amazing: an ATC simulator in HTML5. Check out the code on GitHub.
Check it out
Free Font: Hanken Round
An elegant round geometric typeface by Alfredo Marco Pradil.
Get it
BigPicture
BigPicture is like an infinite notepad where you can pan and zoom (almost) infinitely.
Check it out
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
Free Font: Motorless
A unique font by Fabien Laborie that comes in three styles.
Get it