Collective #133
Inspirational Website of the Week: I Will What I Want
An absolutely glorious use case of Three.js. We love the creative concept behind this campaign. Definitely our pick this week.
Get inspired
Using SVG to shrink your PNGs
Get the compression of a JPEG and keep the transparency of a PNG? Peter Hrynkow shares this brilliant technique that uses SVG awesomeness.
Check it out
Accessible HTML5 Video Player
A lightweight HTML5 video player which includes support for captions and screen reader accessibility. Made by the PayPal Accessibility Team.
Check it out
Computing CSS matrix3d transforms
Franklin Ta explains how to compute CSS transforms to fit an object into 3D perspective.
Check it out
Jenga
A fantastic use case of Physijs, the Physics plugin for Three.js. By Chandler Prall.
Check it out
Free Font: Voga
Voga is a condensed modern Didone typeface designed by Charles Daoud. The regular weight is for free.
Get it
Improving Smashing Magazine's Performance: A Case Study
A very insightful article on Smashing Magazine's performance challenge by Vitaly Friedman.
Read it
Shout
Shout is a self-hosted web IRC client made by Mattias Erming.
Check it out
Bézier Clock
Jack Frigaard's first experiment with Processing.js.
Check it out
Built-in Browser Support for Responsive Images
Pearl Chen explains the <picture> element and how it will work as a true responsive image solution.
Performance Tooling Today
Stefan Judis' collection of development performance tools.
Check it out
An Intro to SVG Animation with SMIL
Noah Blon's introduction to SVG SMIL animations with demos.
Check it out
Why Google is Hurrying the Web to Kill SHA-1
Read how and why Google is declaring the usage of the SSL encryption algorithm SHA-1 a slow-motion emergency.
Read it
Free Icon Set (EPS, SVG, PSD)
Talented designer Taras Shypka shares this huge set of perfectly designed icons for free.
Get it
EnjoyHint
Interactive hints and tips for your website or app. Made by XB Software.
Check it out
Dimensions Browser Extension
A very useful Chrome extension that shows the relevant measures between elements. Made by Felix Niklas.
Get it
Firefox Tools Adaptor
The Firefox Tools Adaptor (early preview release) connects the Firefox Developer Tools to other major browser engines for better cross-browser development.
Check it out
Glitch Effect on Text / Images / SVG
An über-cool glitch effect for all kinds of content with Sass mixins by Chris Coyier.
Check it out
iPhone 6 Vector Mockups (PSD)
A great vector mock-up set of the new Apple device by Dmitry Kovalenko for PixelBuddha.
Get it
Unyson Framework
The Unyson framework by Themefuse helps you develop premium WordPress themes easily.
Get it
Enhancing Data Visualization with SVG Filters
Eric Hazzard shows how to use SVG filters to enhance creative story-telling.
Check it out