Collective #493
Don't Get Clever with Login Forms
Brad Frost's essential list of dos and don'ts for login forms.
Read itGet 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 moreLeon
Leon is an open-source personal assistant who can live on your server.
Check it out2018 - A Year In Review from Green Chameleon
A fantastic look back at the works of the amazing folks at Green Chameleon.
Check it outReplacing 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 itHow 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 itTrust is Good, Observation is Better—Intersection Observer v2
Thomas Steiner explains what Intersection Observer v2 is all about.
Read itUsing CSS Grid the right way
Some interesting and useful advice by Violet Peña on how to master CSS Grid.
Read itAwesome Design Tools
An open list of the best design and design-related tools.
Check it outRaster Simple Grid System
Minimal and straight-forward CSS grid system utilizing descriptive HTML rather than semantic CSS.
Check it outES5 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 itFinding Lena, the Patron Saint of JPEGs
The fascinating story of Lena Forsen, the mythic figure behind the testing image so widely used.
Read itA 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 itMeteorite
Like an assistant for your GitHub notifications, Meteorite helps you to focus on the most important issues and pull requests.
Check it outGetting Started with Angular Elements
A full video course on Angular Elements by Juri Strumpflohner.
Watch itThis 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 outHow To Secure A Linux Server
An evolving how-to guide for securing a Linux server.
Check it outGet 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 itShooting Star
A lovely demo by Ko.Yelie.
Check it outDOM performance case study
Learn about some DOM optimization techniques for your JS/React/Vue/DOM-based app.
Read itPong
Grégoire Divaret-Chauveau made a fun variation of Pong, where you are the ball.
Check it outAwesome Demos Roundup #1
The first roundup in a series that gathers cutting-edge demos and experiments from around the web.
Check it outGrid 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