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 outProgressive 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 itStart 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 nowReact-spring visualizer
The missing visualizer for your react-spring UI animations. By Joost Kiens.
Check it outTheme UI Gallery
Theme UI is a library for building "consistent, themeable React apps based on constraint-based design principles".
Check it outUnderstanding 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 itIndependent transform properties
Dan Wilson on Twitter: "Independent transform properties are now also supported in Firefox 72!"
Check it outilithya.rocks
The creative new portfolio site of code artist ilithya.
Check it outGoodbye, Clean Code
Dan Abramov shares his insights from a "clean code" experience and what he learned along the way.
Read itAria Tablist
Zero dependency plain JavaScript module for WCAG compliant tablists. Also great for accordions.
Check it outNavigating the web with a gamepad
Learn how you can use a gamepad to navigate the web using the gamepad API.
Read itWhy I quit using Google
Kyle Piira explains why and how he got out of the Google ecosystem.
Read itEmoji 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 outHiding 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 itUsing 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 itSmooth Scrolling Sticky ScrollSpy Navigation
Bramus Van Damme shows how to make a page with a sticky navigation more delightful by adding smooth scrolling.
Read itUnderstanding Async Await
Sarah Drasner explains Async/Await and shows how to use it.
Read itBuilding a Windows 3.1 application in 2019
A super-fun project for the Super Silly Hackatron by Chen Hui Jing.
Check it outPerformance Budgets, Pragmatically
Harry Roberts shows an off-the-shelf trick for defining performance budgets.
Read itCSS is Awesome (CSS Motion Path)
A great demo that shows how you can draw along arcs with CSS Motion Path properties.
Check it outPure CSS Glitchy Image Reveal
A cool image reveal effect.
Check it out