Collective #580

React-three-fiber v4
Read about all the new things coming with this major release of the react-three-fiber library.
Check it out
Progressive Web Apps in 2020
Maximiliano Firtman explores how Progressive Web Apps look like in 2020 and what changes the past year has brought to the ecosystem.
Read it
Start your own freelance business 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.
Start learning now
React-spring visualizer
The missing visualizer for your react-spring UI animations. By Joost Kiens.
Check it out
Theme UI Gallery
Theme UI is a library for building "consistent, themeable React apps based on constraint-based design principles".
Check it out
Understanding CSS Grid: Grid Lines
In this new article series, Rachel Andrew breaks down the CSS Grid Layout specification. This time she shows how to use grid lines to place items.
Read it
Independent transform properties
Dan Wilson on Twitter: "Independent transform properties are now also supported in Firefox 72!"
Check it out
ilithya.rocks
The creative new portfolio site of code artist ilithya.
Check it out
Goodbye, Clean Code
Dan Abramov shares his insights from a "clean code" experience and what he learned along the way.
Read it
Aria Tablist
Zero dependency plain JavaScript module for WCAG compliant tablists. Also great for accordions.
Check it out
Navigating the web with a gamepad
Learn how you can use a gamepad to navigate the web using the gamepad API.
Read it
Why I quit using Google
Kyle Piira explains why and how he got out of the Google ecosystem.
Read it
Emoji brush
An experimental tool that lets you use SVG Emojis as a paint brush. By Yoksel.
Check it out
/uses
A list of /uses pages detailing developer setups, gear, software and configs.
Check it out
Hiding Elements On The Web
An article by Ahmad Shadeed on how to go about hiding elements in HTML & CSS, that covers accessibility, animation and use cases.
Read it
Using easing for more than just CSS transitions
An interesting article on the idea of expanding the easing usage to other things then animations. By Kilian Valkhof.
Read it
Smooth Scrolling Sticky ScrollSpy Navigation
Bramus Van Damme shows how to make a page with a sticky navigation more delightful by adding smooth scrolling.
Read it
Understanding Async Await
Sarah Drasner explains Async/Await and shows how to use it.
Read it
Building a Windows 3.1 application in 2019
A super-fun project for the Super Silly Hackatron by Chen Hui Jing.
Check it out
Performance Budgets, Pragmatically
Harry Roberts shows an off-the-shelf trick for defining performance budgets.
Read it
CSS is Awesome (CSS Motion Path)
A great demo that shows how you can draw along arcs with CSS Motion Path properties.
Check it out
Pure CSS Glitchy Image Reveal
A cool image reveal effect.
Check it out