Collective #680
Inspirational Website of the Week: monopo london
An amazing mix of generous effects with great layouts and beautiful details. Our pick this week.
Get inspired
Project Management for Today’s (and Tomorrow’s) Software Team
Shortcut (formerly Clubhouse.io) provides speedy task management, reporting, and collaboration for software teams. We bring the “flow” to your workflows.
Try it free
Theatre.js
Theatre.js is a new hackable JavaScript animation library with visual tools. It animates the DOM, WebGL, and any other JavaScript variable.
Check it out
Motion One: The Web Animations API for everyone
A new animation library, built on the Web Animations API for the smallest filesize and the fastest performance. By Matt Perry.
Check it out
CSS Container Query Units
Ahmad Shadeed whos how to use units that are relative to the container size.
Read it
Simplifying Form Styles With accent-color
In this article you’ll learn what the new `accent-color` property does and how to use it alongside `color-scheme` for simple, accessible checkboxes and radio buttons.
Read it
Doom Portal in WebGL
Bruno Simon’s latest experiment: A re-creation of the Doom Portal in WebGL with Three.js.
Check it out
Kaomoji Cool Club
A nice tool that is dedicated to the art of kaomoji.
Check it out
Basic Pattern Repository
A collection of hand-coded SVG <pattern>’s, ready to be used in inline SVG. By Thomas Michael Semmler.
Check it out
Exploring the CSS Paint API: Polygon Border
Temani Afif’s last article in a series that is exploring the CSS Paint API.
Check it out
Open-Meteo
Open-Meteo offers free weather forecast APIs for open-source developers and non-commercial use. No API key is required.
Check it out
Mechanic
Mechanic is an open source framework that makes it easy to create custom, web-based design tools that export design assets right in your browser.
Check it out
HEXplorer
A great demo that visualizes how HEX colors work. By Rob DiMarzo.
Check it out
cccreate
A curated collection of tools and resources for web creators.
Check it out
Glass
Glass is a new subscription-based photo sharing app and community for professional and amateur photographers alike without dark patterns driving engagement.
Check it out
Simpler Block Spacing in WordPress with :is() and :where()
Michelle Barker shows how to use :is() and :where() to better define space between Gutenberg blocks.
Read it
Standards
A new way to design brand guidelines. A product from Standards Manual. Apply for early access.
Check it out
Q1K3
An incredible Quake clone made by Dominic Szablewski for the 2021 js13k competition.
Check it out
Menu and Thumbnail Stack Animation
An animation on an image stack for a menu where the images get rearranged from a column into a row.
Check it out