Collective #133
![Collective133_gisele](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/09/Collective133_gisele.png?x86293)
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![Collective133_shrinkpngs](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/09/Collective133_shrinkpngs.png?x86293)
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![Collective133_paypalvideoplayer](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/09/Collective133_paypalvideoplayer.png?x86293)
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![Collective133_matrix3d](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/09/Collective133_matrix3d.png?x86293)
Computing CSS matrix3d transforms
Franklin Ta explains how to compute CSS transforms to fit an object into 3D perspective.
Check it out![Collective133_jenga](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/09/Collective133_jenga.png?x86293)
Jenga
A fantastic use case of Physijs, the Physics plugin for Three.js. By Chandler Prall.
Check it out![Collective133_voga](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/09/Collective133_voga.png?x86293)
Free Font: Voga
Voga is a condensed modern Didone typeface designed by Charles Daoud. The regular weight is for free.
Get it![Collective133_smcasestudy](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/09/Collective133_smcasestudy.png?x86293)
Improving Smashing Magazine's Performance: A Case Study
A very insightful article on Smashing Magazine's performance challenge by Vitaly Friedman.
Read it![Collective133_shout](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/09/Collective133_shout.png?x86293)
Shout
Shout is a self-hosted web IRC client made by Mattias Erming.
Check it out![Collective133_bezierclock](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/09/Collective133_bezierclock.png?x86293)
Bézier Clock
Jack Frigaard's first experiment with Processing.js.
Check it out![Collective133_pictureelement](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/09/Collective133_pictureelement.png?x86293)
Built-in Browser Support for Responsive Images
Pearl Chen explains the <picture>
element and how it will work as a true responsive image solution.
![Collective133_perftooling](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/09/Collective133_perftooling.png?x86293)
Performance Tooling Today
Stefan Judis' collection of development performance tools.
Check it out![Collective133_smil](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/09/Collective133_smil.png?x86293)
An Intro to SVG Animation with SMIL
Noah Blon's introduction to SVG SMIL animations with demos.
Check it out![Collective133_sha](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/09/Collective133_sha.png?x86293)
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![Collective133_freeiconset](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/09/Collective133_freeiconset.png?x86293)
Free Icon Set (EPS, SVG, PSD)
Talented designer Taras Shypka shares this huge set of perfectly designed icons for free.
Get it![Collective133_enjoyhint](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/09/Collective133_enjoyhint.png?x86293)
EnjoyHint
Interactive hints and tips for your website or app. Made by XB Software.
Check it out![Collective133_dimentions](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/09/Collective133_dimentions.png?x86293)
Dimensions Browser Extension
A very useful Chrome extension that shows the relevant measures between elements. Made by Felix Niklas.
Get it![Collective133_toolsadaptor](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/09/Collective133_toolsadaptor.png?x86293)
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![Collective133_glitch](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/09/Collective133_glitch.png?x86293)
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![Collective133_iphone6](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/09/Collective133_iphone6.png?x86293)
iPhone 6 Vector Mockups (PSD)
A great vector mock-up set of the new Apple device by Dmitry Kovalenko for PixelBuddha.
Get it![Collective133_Unyson](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/09/Collective133_Unyson.jpg?x86293)
Unyson Framework
The Unyson framework by Themefuse helps you develop premium WordPress themes easily.
Get it![Collective133_SVGFilters](https://codrops-1f606.kxcdn.com/codrops/wp-content/uploads/2014/09/Collective133_SVGFilters.jpg?x86293)
Enhancing Data Visualization with SVG Filters
Eric Hazzard shows how to use SVG filters to enhance creative story-telling.
Check it out