Collective #502

All you need to know about hyphenation in CSS
A great article by Richard Rutter on how to control hyphenation with CSS.
Read it
Advanced Map Shading
Learn the basics of hillshading, soft shadows and ambient lighting in this WebGL tutorial by Rye Terrell.
Read it
Divi: Build Anything Visually
Divi is powered by the Divi Builder, an insanely fast and incredibly intuitive front end editor like nothing you have seen before. It will change the way you build websites forever.
Try it
The Plastic Ocean
A three.js demo of jellyfish swimming in an ocean of plastic.
Check it out
Everest.agency WebGL Infinite Scroller deconstruction
Daniel Velasquez breaks down Aristide Benoist's infinite scroll effect for the Everest website.
Read it
Build a Vue.js SPA on Top of Headless WordPress
Mathieu Dionne experiments with using WordPress as a headless CMS with Vue.js.
Read it
Displaying numeric CSS vars in generated content
A neat trick by Cassie Evans to use numeric variables in generated content with the help of counters.
Check it out
Writing Resilient Components
Dan Abramov takes a look at style guides and the principles that are really useful for React components.
Read it
Web design & art history by Webflow
A beautifully made immersive scroll experience by Webflow.
Check it out
Vibe
A UI dashboard framework built with React.js and Bootstrap 4.
Check it out
Griffith
A React-based web video player that makes streaming easy.
Check it out
HTML, CSS, and the Path to Accessible Web Design
An article by Jennifer Riggins with some tips on how to get started with making a design accessible highlighted at this year's Monki Gras conference.
Read it
Advanced Tooling for Web Components
The final article in a series that will help you understand and build web components. By Caleb Williams.
Read it
Lights on or off?
A theming experiment with CSS Dark Mode, Geolocation and Ambient Sensor API. By the team of De Voorhoede.
Read it
SVG Circle Decomposition To Paths
Bryan Rasmussen shows how to turn SVG circles into paths which you can use in animation and text paths.
Read it
Connor Bell: "Here's how I make my GIFs"
The mesmerizing process of creating beautiful Shadertoy animations by Connor Bell.
Check it out
A Future Without Webpack
Read how @pika/web installs npm packages that run natively in the browser, for a faster and less complex web app.
Read it
Stop using so many divs! An intro to semantic HTML
Ken Bellows shows on a hands-on example how to make HTML more semantic.
Read it
Podcasts Repo
A collection of podcasts around the web.
Check it out
Best of Machine Learning
A collection of the best resources in Machine Learning and AI.
Check it out
Rules for Autocomplete
Jeremy Mikkola notes down a set of rules for auto-completing text that often get broken.
Read it
Pyright
A static type checker for the Python language.
Check it out
How to Create Smooth WebGL Transitions on Scroll using Phenomenon
A tutorial on how to transition WebGL instances in a smooth way based on the scroll position using three.js and Phenomenon.
Read it