Collective #147

Inspirational Website of the Week: Demodern
This week we picked Demodern, an elegant and modern agency website with some great effects.
Get inspired
Creating an animated gif in Illustrator & Photoshop
In this fantastic in-depth tutorial, Veerle Pieters teaches how to create animated GIFs in Adobe Illustrator and Photoshop.
Check it out
SVG animated Christmas card
A beautiful SVG animation for Christmas by Petr Tichy.
Check it out
Flickity
David DeSandro is making a carousel/slider/gallery library and blogging about the progress. The resulting articles are full of great things to learn. Check out the latest one, Wrapping around Flickity for infinite looping, and be sure to follow the links in the end of the entry to the previous posts.
Check it out
Flexbox adventures
A great article with some practical examples for flexbox by Chris Wright.
Check it out
Christmas Icon set (EPS)
A super-cute and beautiful Christmas icon set by Dasha for Yalantis.
Get it
CSS Animated Headlines
A great tutorial on how to create smooth animated headlines with CSS transitions by Sebastiano Guerriero from CodyHouse.
Check it out
What colour is it?
If you see a dev one day showing you his wristwatch that just shows a color, you'll know where that idea came from! :)
Check it out
Tips For Optimising SVG Delivery For The Web
Sara Soueidan will show you how to optimize SVGs for better page performance in this article on Performance Calendar.
Read it
Material UI Colors
Pick Material Design colors easily with this useful color picker made by DesignInspiro.
Check it out
Recreating the Firewatch Parallax Effect
How the parallax effect can still be done right sometimes: an interesting investigation by Hamish Macpherson.
Check it out
Streetlights
A fabulous demo of Christmas streetlights by Einar Öberg.
Check it out
jQuery 1.11.2 and 2.1.3 Released
Solid new jQuery releases with a significant bug fix/patch for Safari.
Get it
Super-Looper
An amazing looper experiment that lets you play with touch and record loops!
Check it out
Free Icons Bundle (PSD, PNG, SVG)
A great set of free icons from various sets by PixelBuddha.
Check it out
Dragonfish
An surreal and captivating demo by Cabbibo with great sound.
Check it out
Free Font: Audimat 3000 Regulier
Audimat 3000 by Jack Usine is an interesting DIN-like typeface with a quirky touch. The regular style is available for free.
Get it
Web Components & the Future of CSS
A really awesome talk by Philip Walton on how bright the future of CSS will look like thanks to Web Components.
Watch it
Typecast Becomes a Free Web Design Tool
What a great Christmas surprise: the fantastic web typography toolkit becomes free. Thank you, Typecast!
Check it out
Shadertoy
A shout-out to Shadertoy, where you can build and share WebGL shaders and get inspired.
Check it out
Better webfont loading with using localStorage and providing WOFF2 support
Adam Beres-Deak releases an optimized version of his Web font loading script and provides a solution for WOFF2 support for the newest browsers.
Check it out