Collective #269
Inspirational Website of the Week: Sequence
Some really exciting elements and animations combined with a sophisticated design made us pick Sequence this week.
Get inspired
FullStory: See Every User Click, Swipe, And Scroll
FullStory removes the guesswork from improving user experience. See what frustrates and delights your users in high-definition playback.
Try it free
The Rhythm of Food
Beautiful data visualizations of Google searches involving food. The Rhythm of Food is a collaboration between Google News Lab and Truth & Beauty.
Check it out
Kute.js
KUTE.js is a very performant JavaScript animation engine with useful tools for creating custom animations.
Check it out
Premonish
A genius library for predicting what DOM element a user will interact with next. By Matthew Conlen.
Check it out
Service Worker, what are you?
Mariko Kosaka will explain Service Workers to you like no one has ever done before. Just brilliant :)
Read it
Freebie: Christmas Advent Icon Set
25 lovely vector icons with a Christmas theme designed by Manuela Langella for Smashing Magazine.
Get it
URL Parsing in WebKit
Alex Christensen explains how URL implementations in browsers are everything but consistent.
Read it
Custom Elements That Work Anywhere
Rob Dodson shows how to work with a Custom Elements pattern that will benefit interoperability.
Read it
Input Masking
Chris Coyier lines up three demos for easy reference on input masks.
Check it out
Persuasion, Influencing and Selling are Mind Manipulation
Some very important thoughts on how trying to manipulate others, be it through exploiting cognitive biases or other forms of controlled influencing, is simply immoral. By Karel Donk.
Read it
Internet of Stranger Things
Seb Lee-Delisle makes a very special Raspberry Pi based Internet connected project.
Read it
Brush Lettering: It Only Gets Better After Practice (Part 2)
The second part of Alma Hoffmann's wonderful series on brush lettering.
Read It
Hair
A very cool WebGL experiment made by Edan Kwan.
Check it out
Learn Vue 2: Step By Step
An intensive course that will teach you all the exciting things Vue has to offer.
Check it out
Magnet Portfolio Template
A minimal and great looking HTML portfolio template made by Khai Tawng for Pixel Buddha.
Get it
#Codevember 30 - SVG Sunset (Tweenmax + Snap.svg)
Sean Free created this nice demo concluding the great #Codevember.
Check it out
Christmas Experiments: Night Eye
Like every year, this December brings back the fantastic Christmas Experiments, starting off with this lovely creation by Wen & Clem.
Check it out
Wrapping Text Around A Curved Image With CSS Shapes
Dudley Storey shows how to use CSS Shapes to make text flow outside of the normal box.
Read it
JavaScript Promises for Dummies
A great beginner's tutorial by Jecelyn Yeen on JavaScript Promises.
Read it
The Case Against Progressive Enhancement's Flimsy Moral Foundation
Josh Korr has some interesting thoughts on Progressive Enhancement and why the philosophy behind doesn't make much sense to him.
Read it
JavaScript Developers: Watch Your Language!
Mike Pennisi explores the different stages of standard proposals and the connected responsibility of developers.
Check it out