Collective #493

Don't Get Clever with Login Forms
Brad Frost's essential list of dos and don'ts for login forms.
Read it
Get Your Free .design Domain Name!
Thinking of building your portfolio? .design is like .com and .net, but it's more relevant to what you do as a designer. Your .design name comes with free email, SSL, & a Site Builder.
Learn more
Leon
Leon is an open-source personal assistant who can live on your server.
Check it out
2018 - A Year In Review from Green Chameleon
A fantastic look back at the works of the amazing folks at Green Chameleon.
Check it out
Replacing a hot path in your app's JavaScript with WebAssembly
Surma writes about how they replaced a JavaScript hot path in squoosh with WebAssembly to get predictable performance across all browsers.
Read it
How I created a physical Sketch Panel to enhance my Design System thinking
Erik Fanki shares how he made a real shortcut panel for Sketch for his everyday workflow.
Read it
Trust is Good, Observation is Better—Intersection Observer v2
Thomas Steiner explains what Intersection Observer v2 is all about.
Read it
Using CSS Grid the right way
Some interesting and useful advice by Violet Peña on how to master CSS Grid.
Read it
Awesome Design Tools
An open list of the best design and design-related tools.
Check it out
Raster Simple Grid System
Minimal and straight-forward CSS grid system utilizing descriptive HTML rather than semantic CSS.
Check it out
ES5 to ESNext?—?here's every feature added to JavaScript since 2015
Flavio Copes wrote this article to help you move from pre-ES6 knowledge of JavaScript and get you quickly up to speed with the most recent advancements of the language.
Read it
Finding Lena, the Patron Saint of JPEGs
The fascinating story of Lena Forsen, the mythic figure behind the testing image so widely used.
Read it
A Designer's Little Helpers
A list of useful tools, extensions and features from Milo Pete's bookmark bar to ease your day at work and beyond.
Read it
Meteorite
Like an assistant for your GitHub notifications, Meteorite helps you to focus on the most important issues and pull requests.
Check it out
Getting Started with Angular Elements
A full video course on Angular Elements by Juri Strumpflohner.
Watch it
This Person Does Not Exist
AI-generated images of faces that you can use as placeholder in your projects. Refresh the page to generate a new one.
Check it out
How To Secure A Linux Server
An evolving how-to guide for securing a Linux server.
Check it out
Get Ready for Priority Hints
Read about the new experimental feature known as Priority Hints now available through an Origin Trial in Chrome Beta which will allow you to tell the browser how resources should be prioritized.
Read it
Shooting Star
A lovely demo by Ko.Yelie.
Check it out
DOM performance case study
Learn about some DOM optimization techniques for your JS/React/Vue/DOM-based app.
Read it
Pong
Grégoire Divaret-Chauveau made a fun variation of Pong, where you are the ball.
Check it out
Awesome Demos Roundup #1
The first roundup in a series that gathers cutting-edge demos and experiments from around the web.
Check it out
Grid Reveal Effects with Anime.js
Some experiments with the new staggering system of Anime.js where we try different effects for hiding and showing thumbnails in an image grid.
Check it out