Collective #592

Making Things Better: Redefining the Technical Possibilities of CSS
The talk of Rachel Andrew at an An Event Apart DC 2019.
Watch it
How To Use The HTML Drag-And-Drop API In React
In this tutorial, you'll learn about the HTML drag-and-drop API and how to use the `useReducer` hook for managing state in a React functional component.
Read it
Rapidly build websites for clients by mastering Divi
Learn how to develop websites with the most popular WordPress theme in the world and secure your success as a freelancer.
Start learning now
CLI Diagram
With CLI Diagram you can draw needlessly complex diagrams right in the console.
Check it out
Building a new kind of ecosystem
A great talk by Lin Clark from the WebAssembly summit.
Watch it
Kasaya
A "WYSIWYG" (kind of) scripting language and runtime for browser automation.
Check it out
mgz.me
The amazing portfolio of Marco Gomez is like the 80s on ASCIID.
Check it out
esbuild
In case you missed it: A JavaScript bundler and minifier that focuses on speed.
Check it out
Disappearing-People
Jason Mayes' great project that removes people from complex backgrounds in real time using TensorFlow.js.
Check it out
Pixel Dust
Some sparkling flowy pixel dust made by Paul Neave.
Check it out
In Search of Simplicity
Some insightful thoughts by Michelle Barker on the quest for simplicity.
Check it out
Pure CSS Claw Crane
A really nice CSS only demo by Jon Kantner.
Check it out
Wind field - How To
A breakdown of a wind field in 8 steps, using P5.js. By Louis Hoebregts.
Check it out
React + Canvas = <3
Thibaut Dutartre shows how to write canvas-based components in React.
Read it
Glitch Art Generator
A fun glitch art generator made by Adam Fuhrer.
Check it out
Corgo's with Jason
A beautiful variable font text effect made by Mandy Michael.
Check it out
Fluiditype
In case you didn't know about it: Fluiditype is an interesting fluid typography CSS helper.
Check it out
void-merge-2048
A 2048-inspired game with a twist. Made with Three.js.
Check it out
Gauging users' reactions to non-native UI
Some interesting insights from some gorilla usability tests conducted at DroidCon NYC 2019 by Frances Biedenharn.
Read it
TEXTREME
An explosive text processor with lots of potential. Made by Ash K and Maks Loboda.
Check it out