Collective #735

Inspirational Website of the Week: HA-LABO
A beautiful design with a lovely motif and engaging details. Our pick this week.
Get inspired

This content is sponsored via Paved
Keep industry-wide IT news at your fingertips
It’s crucial for web developers and designers to keep up with the latest industry trends. But, it can be challenging to find resources that provide relevant news and insights. Enter: IT Brew, the email newsletter that delivers the top updates from the IT universe straight to your inbox 3x a week.
Check it out today

Kodemo
Kodemo is tool for writing more engaging code tutorials, walkthroughs and documentation. It can be used to author documents in the cloud or you can integrate it with your own app.
Check it out

Building a tooltip component
A foundational overview of how to build a color-adaptive and accessible tooltip custom element. By Adam Argyle.
Read it

Let’s talk about web components
Brad Frost writes about why web components are good for the web and why we should be rooting for them.
Read it

Illustration.lol
A curated collection of editorial illustrations and imagery from illustrators and art directors around the world.
Check it out

The Component Gallery
The Component Gallery is a collection of components from the best Design Systems out there.
Check it out

Programming Portals
An article about small, scoped areas within a graphical interface that allow users to read and write simple programs.
Check it out

What if the team hates my functional code?
James Sinclair explains how to write code that make it more familiar to others, without losing our confidence.
Read it

Blending modes
A very interesting thread on blend modes by Dan Hollick.
Check it out

Highly Customizable Background Gradients
Learn how to create a complex but highly customizable background gradient that can be modified easily using CSS custom properties.
Read it

CSS Animated Grid Layouts
Learn how you can now interpolate grid-template-columns and grid-template-rows for smooth layout transitions.
Read it

Three.js Scrollable Page – Configurator
In this video Anderson Mancini shows how to create a configurator.
Check it out

Muse 001
An exploration of space, motion, and generative audio. Created with Three.js, Anime.js, Tone.js, Blender, and Mixamo. By Henry Egloff.
Check it out

Do you really understand CSS radial-gradients?
A very insightful article on CSS radial gradients by Patrick Brosset.
Read it

Tension Map
Tension map is now live in Three.js. Check out this demo to see it in action! By 3TH.
Check it out

GitHub Copilot investigation
Matthew Butterick is working with the Joseph Saveri Law Firm to investigate a potential lawsuit against GitHub Copilot.
Read it

Linear
Linear streamlines issues, sprints, and product roadmaps.
Check it out

Projectbook
Over 100 free project ideas for learning how to program with detailed specifications and mock-ups.
Check it out

Killbill
An open-source subscription billing and payments platform.
Check it out

Linen
Linen is a Google-searchable community chat tool. Linen was built as an alternative to closed tools like Slack and Discord.
Check it out

Nabla
An isometric color font by Arthur Reinders Folmer and Just van Rossum.
Check it out

microblog.pub
A self-hosted, single-user, ActivityPub powered microblog.
Check it out

Why we’re leaving the cloud
David Hansson writes about why his company 37signals is leaving the cloud.
Read it