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 inspiredMozilla 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 outMaterial UI
Material UI is an awesome CSS framework and a set of React components that implement Google's Material Design.
Check it outA Triangle Every Day
Varun Vachhar created a special triangle demo every day for a month.
Check it out3D Animated Mockup
A beautiful 3D animation for showcasing an app made by Claudia Romano from CodyHouse.
Check it outCSS 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 outSable Kit 2 Free (AI, EPS, PSD)
A creative set of hand-drawn elements designed by Oksana Golubets for PixelBuddha.
Get itinteract.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 out9 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 outMetricsGraphics.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 outMotion Pixie 2.0
A great experiment using Three.js by Nicolas Jaenen.
Check it outSVG 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 itInteractive Sock Puppet
A fun interactive sock puppet made with WebGL. Made by myp".
Check it out8 High Resolution Texture Mix (ABR, PNG, JPG)
Set of 8 high resolution textures composed of various different photographed materials made by Gabor Monori.
Get itJavaScript 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 itThe Art of UI Animations
Mark Geyer's fantastic workshop slides on UI animations.
Check it outNative JavaScript Data-Binding
Learn how to create two way data-binding between JS model and HTML view with native JavaScript. By Sella Rafaeli.
Read itmydevice.io
A very useful collection of smartphone and tablet (CSS) dimensions on mydevice.io made by Raphaƫl Goetter.
Check it outFree Hand-Drawn Doodle Icon Set (100 Icons, PNG, PSD, SVG)
A fun, hand-drawn icon set created by Roundicons for Smashing Magazine.
Get itGamecenter Icons Pack (PSD)
Alexey Anatolievich created this fine icon set with 152 useful icons.
Get itFree Font: DIN Next Slab Medium
Linotype's new slab version of DIN Next with a free medium style.
Get it