Inspirational Website of the Week: Obys
The team of Obys created a very artful portfolio with great typography and layouts using the fantastic gooey and motion hover effects.
Color Theory and Contrast Ratios
A great guide by Christopher Schmitt that will give you valuable insight to the concept of color contrast ratios.
Start your own freelance business in 2020 by becoming a Divi developer
Learn how to develop websites with the most popular WordPress theme in the world and secure your success as a freelancer.
Just JavaScript
Learn the JavaScript mental models in this email series by Dan Abramov. Also, check out his latest article What Is JavaScript Made Of?
Flexible Captioned Slanted Images
A master class by Eric Meyer on how to create slanted images using clip-path.
Bundling JavaScript for Performance: Best Practices
David Calhoun looks at three approaches for bundling a simple React.js app.
Free Font: MAK
An experimental contrast typeface, inspired by Ukrainian music. By Valentyn Tkachenko.
RTL Styling 101
An extensive guide on how to style for RTL in CSS by Ahmad Shadeed.
Acoustic activity recognition in JavaScript
Charlie Gerard shares a prototype of a browser-based acoustic activity recognition system.
Top Pens of 2019 on CodePen
A collection of the 100 most liked Codepen demos of 2019.
Thoughts On Svelte
Some interesting thoughts on why Svelte is becoming so popular. By Dwayne Charrington.
What a Year of Learning and Teaching Accessibility Taught Me
Sara Soueidan shares some valuable lessons and core values that drive her work on accessibility.
Generative Placeholders
A really cool placeholder images tool that uses generative art images. By Stefan Bohacek.
Porting a JavaScript App to WebAssembly with Rust
The first part in a series on how to do a complete port of a web application from React+Redux written in JavaScript to WebAssembly (WASM) with Rust.
ImTui
ImTui is an immediate mode text-based user interface library. Check out the Hacker News terminal example.
This is my new favorite (free) programming tool – GitHub Actions Tutorial
A practical video tutorial by Kristian Freeman where he explores the what, the why, and the how of GitHub Actions.
chl.li URL shortener
A simple, modern, free and privacy-friendly URL shortener.
Krabby
Krabby is a web extension (for Chrome, Firefox and surf) for keyboard-based navigation, inspired by Kakoune.
Accessibility tools for designers and developers
A guide by Lisa Dziuba with accessibility testing tools, color contrast checkers and color blindness simulators.
How tracking pixels work
Julia Evans explains how advertisers track people on the internet using tracking pixels.
Color Picker From Image
A tool that generates a color palette from an image with a color picker.
How to Create the Apple Fifth Avenue Cube in WebGL
A tutorial on how to re-create the Apple Fifth Avenue Cube animation using WebGL.
Collective #576 was written by Pedro Botelho and published on Codrops.