Collective #472
Inspirational Website of the Week: Sarto
A fantastic melange of elegance and delightful details. Our pick this week.
Get inspired
Pramp - Free frontend interview practice
Can you ace an interview? Make sure you can. Pramp, a peer-2-peer mock interviews platform allows you to practice on-demand for free.
Get ready for you next interview
Making Future Interfaces: Unusual Shapes
A must-watch video by Heydon Pickering on CSS Shapes.
Watch it
Everything about CSS environment variables
Learn about the new CSS Environment Variables in this article by Ire Aderinokun.
Read it
An Extensive Guide To Progressive Web Applications
Learn about all the important technologies around PWAs in this article by Ankita Masand.
Read it
CSS Animation 101
Donovan Hutchinson's CSS Animation 101 course is now a free ebook.
Check it out
NES.css
A fantastic NES-style CSS framework.
Check it out
Read color hex codes
A fantastic dotCSS 2018 talk by Dave DeSandro where he teaches how to read HEX codes.
Watch it
SVG Filters: A Mini Crash Course
Sara Soueidan gives a crash course on SVG filters and shows how they work.
Watch it
Windrift
A great framework for writing mutable narratives like this one. By Liza Daly.
Check it out
How we crafted a playful digital Christmas card in 3D on the web
Hjörtur Hilmarsson shares how this beautiful interactive Christmas card came to life.
Check it out
Web Audio, Autoplay Policy and Games
Read all about the policy change of autoplay behavior that will roll out with Chrome 71 in December 2018.
Read it
JavaScript Inheritance and the Prototype Chain
Tyler McGinnis shares another part of his Advanced JavaScript course. In this article you'll learn about Inheritance and the Prototype Chain.
Read it
Gestalt-Driven UX: The Patterns That Drive Our World
In case you missed it: Justin Baker shows how the Gestalt principles apply to web design.
Read it
Major sites running unauthenticated JavaScript on their payment pages
Terence Eden urges to use SubResource Integrity to ensure a third-party resources hasn't been altered.
Check it out
Tats Case Study
Ok Bye's interesting online game that breaks down electronic music production into easy to understand components. Scroll down for the game.
Check it out
Aminal - A Modern Terminal Emulator
Aminal is a modern terminal emulator for Mac/Linux implemented in Golang and utilizing OpenGL.
Check it out
var to JIT
Kevin Smith explains how through the power of JavaScript, we learn how the browser breaks down pages and speeds up processes so we can write better code.
Read it
Generating Classical Music with Neural Networks
An interesting interview with Christine McLeavey Payne on her recent project Clara, a long short-term memory (LSTM) neural network that composes piano and chamber music.
Read it
Free Font: Animosa
An interesting sans-serif design by Stefano Giliberti.
Get it
Mantas Looperino
A beautiful looperino made by Jaume Sanchez made with his Looper tool.
Check it out
Image Reveal Hover Effects
A set of link hover effects that reveal a thumbnail in different creative ways.
Check it out