Collective #570

Lighthouse CI
Lighthouse CI is a set of commands that make continuously running, asserting, saving, and retrieving Lighthouse results as easy as possible.
Check it out
The Divi Cyber Monday Sale 2019
If you are waiting for the perfect time to join the Divi community or the best time to upgrade your current account to Lifetime, this is it! Don't miss your chance because a better deal than this doesn't exist!
Get the deal
Making a Better Custom Select Element
Julie Grundy shares how to create a custom select input and make it accessible.
Read it
Bekk Christmas
Bekk is creating twelve calendars, each with daily content, articles and podcasts around front-end, coding, UX and more.
Check it out
Blocks UI
A JSX-based page builder for creating beautiful websites without writing code. It's currently in early alpha and only supports a constrained subset of JSX source code.
Check it out
Highlights From Building a Magazine Layout
Some great insights into re-creating a print magazine layout. By Ahmad Shadeed.
Read it
19' Codevember
Corentin Bernadou's awesome Codevember experiments.
Check it out
Diagram.Codes
A tool that lets you describe diagrams with a simple text language and automatically generate exportable images.
Check it out
Pico-8: Advent Calendar 2019
Twenty-five different surprises are awaiting you on Pico-8 this month, each made by a different developer. The first one is the UFO Santa Candy Blaster.
Check it out
Blooom
An experimental project by Tom Pickering to showcase his exploration of modern web technologies through creative coding.
Check it out
Dealing with Ads in 2020
Christian Schaefer shares how to deal with ad integration without losing your sanity.
Read it
Patchbay
Patchbay.pub is a free web service you can use to implement things like static site hosting, file sharing, cross-platform notifications, and much more.
Check it out
Project X
Project X is a simple tool for composing JavaScript behavior in your markup.
Check it out
What's the next UI design trend?
Michal Malewicz's thoughts on what trends might be coming for UI design.
Read it
Creating the Martin Luther King jr. Handwriting Font
The fascinating project of creating a font based on the handwriting of Martin Luther King. By Harald Geisler.
Check it out
Pure CSS Koi Fish
A beautiful demo by Adir.
Check it out
DevTools as the ultimate CSS advocate
Read why Chen Hui Jing thinks that DevTools can become the ultimate CSS advocate.
Read it
Semantic sidenotes for the web
Koos Looijesteijn writes about how sidenotes are surprisingly hard to do well in HTML.
Read it
Bruno Simon: Cybertruck version
Remember Bruno Simon's awesome portfolio? Now he did a Cybertruck version for it :)
Check it out
Hide Likes Everywhere
This is very interesting: Hide likes and other vanity metrics for a more authentic online experience.
Check it out
GooFonts
Find Google Fonts based on hand-crafted tags with this handy tool.
Check it out
Fibery
A fun way to present a product: Fibery's "honest" landing page. They actually have a pretty cool tool.
Check it out