Collective #366

Online Web Design Classes Taught by Experts
With 17,000 classes and more than 3M members, Skillshare is Netflix for online learning. Build your dream career, and try them free for 2 months here.
Check it out
BDDI 2018 - 3D Music XP
Explore the amazing 3D music experiments created by students from the Gobelins school during a three.js workshop.
Check it out
Real-time Collaborative Coding in Visual Studio Code and Atom
Microsoft and GitHub both released real-time collaborative coding tools for their editors, Live Share and Teletype.
Check it out
The Cost Of JavaScript
Addy Osmani writes on how to optimize your JavaScript to load faster and be interactive quickly on mobile devices.
Read it
Avataaars
An outstanding Sketch library by Pablo Stanley where you can mix and match avatars.
Get it
The New Firefox
Download the new blazing fast Firefox Quantum. Read more about it in this article.
Check it out
Entering the Quantum Era - How Firefox got fast again and where it's going to get faster
Read about how Firefox got fast again in this article by Lin Clark.
Check it out
Whirly Bonfire
Jaume Sanchez Elias created this digital whirlwind of sparky particles.
Check it out
Codevember 2017 Experiments
The amazing experiments for Codevember 2017 by Yi-Wen Lin.
Check it out
Swifticons Freebie v4
A fresh freebie pack from Swifticons from the Gadgets & Tech category.
Check it out
Winter Spirits
A small Vue.js project for everyone who is a little grumpy about winter.
Check it out
Inclusive Web Design Checklist
A repo by Heydon Pickering that aims to be the biggest checklist of inclusive design considerations for the web, including items for accessibility, performance, device support, interoperability and language.
Check it out
Datasette
Datasette is a new tool for creating and publishing JSON APIs for SQLite databases.
Check it out
Shortcuts.design
Very useful shortcuts for designers in one place.
Check it out
JavaScript ES 2017: Learn Async/Await by Example
Async/Await explained through a clear example. By Brandon Morelli.
Read it
WASM accelerated particles
A visual benchmark where each particle is updated from WebAssembly and then drawn to the screen with WebGL.
Check it out
Generative Design [2017-2018]
Louis Hoebregts's slides on generative design.
Check it out
Codevember 11 #bike gsap svg stroke animation
Awesome stroke animation demo by Alaric Web.
Check it out
Introducing freeCodeCamp Talks: awesome tech talks you can watch for free
A great collection of tech talks by freeCodeCamp.
Read it
Rainbow particles with blending
Beautiful WebGL demo by Colin van Eenige.
Check it out
Advanced React Patterns Course Material
Kent C. Dodds shares the course material for his advanced React patterns course on Egghead.io.
Check it out
Of SVG, Minification and Gzip
Anton Khlynovskiy shows how to use compressors in an optimal way.
Read it
#Codevember 10
An interesting Codevember demo by Donde Lapera.
Check it out