Collective #566

SWR: React Hooks for Remote Data Fetching
SWR is a React Hooks library for remote data fetching. SWR first returns the data from cache (stale), then sends the fetch request (revalidate), and finally comes with the up-to-date data again.
Check it out
Gifolio
Gifolio is a brilliant collection of design portfolios presented using animated GIFs. By Roll Studio.
Check it out
Become a Divi developer and change your life
Learn how to develop websites with the most popular WordPress theme in the world and start your own freelance business.
Start learning now
Masks
An interactive presentation on masking techniques originally created for a Creative Front-end Belgium meetup hosted by Reed. By Thomas Di Martino.
Check it out
How to Use Color Blind Friendly Palettes to Make Your Charts Accessible
A guide to color blindness and how to use color blind friendly palettes for charts to make them more accessible.
Read it
Responsible JavaScript: Part III
The third part of an article series on responsible JavaScript by Jeremy Wagner.
Read it
Supermaya
Supermaya is an Eleventy starter kit designed to help you add rich features to a blog or website without the need for a complicated build process.
Check it out
Dark Mode
Varun Vachhar shares the challenges he encountered when migrating from Jekyll to Gatsby related to dark mode.
Read it
Pure CSS Russian Bears
An adorable Russian doll demo by Jhey Tompkins.
Check it out
CSS Logical Properties
Adrian Roselli shares different approaches to get his head around CSS logical properties.
Read it
Announcing GitHub Security Lab: securing the world’s code, together
GitHub announced GitHub Security Lab to bring together security researchers, maintainers, and companies across the industry for contributing tools, resources and research with the aim to secure the open source ecosystem.
Read it
Build your own React
Rodrigo Pombo's beautifully animated and updated DIY guide to build React from scratch. You can find the Gatsby theme here: Gatsby Theme Waves.
Check it out
How Human Abilities Define Digital Experiences
A fantastic talk by Claudio Guglieri where he discusses how our human abilities, not technology should define our world.
Check it out
Pattern Recognition
A mesmerizing demo by Liam Egan. Here's another variation.
Check it out
A Layout Trick for Building a Contact List
In this article Michelle Barker shares a useful layout trick.
Read it
First Commit
A small open source React app for digging up the first commit of any GitHub repo.
Check it out
Become An HTML Email Geek With These Videos From Rémi Parmentier
Rémi Parmentier shares what he knows about taming email clients in these two videos.
Check it out
Code Surfer
The third version of the React component for scrolling, zooming and highlighting code.
Check it out
Fresh Folk
A beautiful mix-and-match illustration library of people and objects made by Leni Kauffman.
Check it out
GitHub Archive Program
The GitHub Archive Program will safely store every public GitHub repo for 1,000 years in the Arctic World Archive in Svalbard, Norway.
Check it out
Hacking Neural Networks
An educational introduction to methods for exploiting neural networks.
Check it out
The New Features of GSAP 3
Learn about all the exciting new features of GSAP 3 in this easy-to-follow overview.
Read it