Collective #90
Inspirational Website of the Week
The great PS4 review website has some stunning SVG animations and some cool styles and effects. Our pick this week.
Get inspiredAn Introduction To DOM Events
Wilson Page gives a great overview on how DOM events work and how we can make use of them to solve common problems.
Check it outThe Ultimate Flexbox Cheat Sheet
It's time to get serious with CSS Flexbox and this excellent cheat sheet by Sean Fioritto will help you get started.
Check it outHTML5 Time Tracker
A smart HTML5 time tracker web app made by Juani Ruiz Echazú. Define the cycle length and simple add what you were doing after you're done.
Check it outHTML Imports
Eric Bidelman shows how the new HTML Imports, which are part of the Web Components cast, will make it very simple to include HTML documents in other HTML documents.
Check it outA super simple starting point for 2D JavaScript games
Seth Vincent shares his work on creating a simple starting point for 2D JavaScript games.
Check it outFlexible Google-style loader with CSS
A nice CSS version of the subtle Google apps loader by Lea Verou.
Check it outCSS Mac Plus
Donovan Hutchinson created this stunning animated CSS 3D version of a Apple Mac Plus.
Check it outROBO BOOGIE
A really cool competition for kids to create some fancy robot dance moves. It's organized by Code Club, a really great organization with the aim of giving children the chance to learn to code.
Check it outIntroducing the Whiteboard Drum - WebRTC and Web Audio API magic
Take a look behind the scenes of Whiteboard Drum by Tatsuya Shinyagaito, an interesting music application that is a great example of what can be achieved using the Web Audio API and getUserMedia().
Check it outHave a Hairy Movember
Let this talking Canvas mustache enchant you for some sensual touches during this year's Movember.
Check it outFree WordPress Theme: Bearded
A beautiful and clean WordPress theme by Hermanto Lim from Bonfirelab.
Get itCSS Text filling with water
A great pen by Lucas Bebber with a wavy loading animation for text.
Check it outResponsive images - end of year report
A must-read by by Bruce Lawson on the current status of responsive images and the problematic of deciding on a sensible solution.
Read itSticky Navigation Menus with stickUp
A useful jQuery plugin by Liran Cohen that "sticks" an element to the top of the browser window while scrolling past it, always keeping it in view.
Check it outApollo.js
Apollo is a light-weight, standalone DOM class manipulation API for adding, removing, toggling and testing the existence of classes on an element. Made by Todd Motto.
Check it outFree Font: Sketchetik Fill Light
An interesting hand-drawn font by Ossi Gustafsson. The light variant is for free.
Get itFree Vector Infographic Kit (EPS)
On of a total of three sets of vector elements for flat style infographics. Made by Trent Salazar.
Get itFlat Social Icons (AI + EPS)
Roberts Ozolins created these qualitative flat social network icons with exact colors and a clear style.
Get itType Scale - A Visual Calculator
A useful visual type scale calculator made by Jeremy Church.
Check it out