Collective #142

Inspirational Website of the Week: Talk PR
A clean and typographically strong design with a modern grid layout—that's Talk PR, our pick this week.
Get inspired
Mozilla Introduces the First Browser Built For Developers: Firefox Developer Edition
In celebration of Firefox's 10th anniversary, Firefox Developer Edition was released for developers.
Check it out
Material UI
Material UI is an awesome CSS framework and a set of React components that implement Google's Material Design.
Check it out
A Triangle Every Day
Varun Vachhar created a special triangle demo every day for a month.
Check it out
3D Animated Mockup
A beautiful 3D animation for showcasing an app made by Claudia Romano from CodyHouse.
Check it out
CSS Dig
CSS Dig is a really useful Chrome extension that will analyze a site's CSS is a new way. Made by Tom Genoni.
Check it out
Sable Kit 2 Free (AI, EPS, PSD)
A creative set of hand-drawn elements designed by Oksana Golubets for PixelBuddha.
Get it
interact.js for drag and drop, resizing and multi-touch gestures
Interact.js is a JavaScript module for drag and drop, resizing and multi-touch gestures with inertia and snapping for modern browsers (and also IE8+). Made by Taye Adeyemi.
Check it out
9 basic principles of responsive web design
A beautifully animated and illustrated article on 9 basic principles of responsive web design by Sandijs Ruluks.
Check it out
MetricsGraphics.js
MetricsGraphics.js by Mozilla is a library built on top of D3 that is optimized for visualizing and laying out time-series data.
Check it out
Motion Pixie 2.0
A great experiment using Three.js by Nicolas Jaenen.
Check it out
SVG Animation and CSS Transforms: A Complicated Love Story
Jack Doyle dives into SVG animations with CSS and how to solve issues that may arise.
Read it
Interactive Sock Puppet
A fun interactive sock puppet made with WebGL. Made by myp".
Check it out
8 High Resolution Texture Mix (ABR, PNG, JPG)
Set of 8 high resolution textures composed of various different photographed materials made by Gabor Monori.
Get it
JavaScript Modules: Welcome to My Emo Hellscape
If you are interested in JavaScript package management then this article by Trek Glowacki is a great read.
Read it
The Art of UI Animations
Mark Geyer's fantastic workshop slides on UI animations.
Check it out
Native JavaScript Data-Binding
Learn how to create two way data-binding between JS model and HTML view with native JavaScript. By Sella Rafaeli.
Read it
mydevice.io
A very useful collection of smartphone and tablet (CSS) dimensions on mydevice.io made by Raphaël Goetter.
Check it out
Free Hand-Drawn Doodle Icon Set (100 Icons, PNG, PSD, SVG)
A fun, hand-drawn icon set created by Roundicons for Smashing Magazine.
Get it
Gamecenter Icons Pack (PSD)
Alexey Anatolievich created this fine icon set with 152 useful icons.
Get it
Free Font: DIN Next Slab Medium
Linotype's new slab version of DIN Next with a free medium style.
Get it