Inspirational Website of the Week: monopo london
An amazing mix of generous effects with great layouts and beautiful details. Our pick this week.
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.
Theatre.js
Theatre.js is a new hackable JavaScript animation library with visual tools. It animates the DOM, WebGL, and any other JavaScript variable.
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.
CSS Container Query Units
Ahmad Shadeed whos how to use units that are relative to the container size.
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.
Doom Portal in WebGL
Bruno Simon’s latest experiment: A re-creation of the Doom Portal in WebGL with Three.js.
Kaomoji Cool Club
A nice tool that is dedicated to the art of kaomoji.
Basic Pattern Repository
A collection of hand-coded SVG <pattern>’s, ready to be used in inline SVG. By Thomas Michael Semmler.
Exploring the CSS Paint API: Polygon Border
Temani Afif’s last article in a series that is exploring the CSS Paint API.
Open-Meteo
Open-Meteo offers free weather forecast APIs for open-source developers and non-commercial use. No API key is required.
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.
HEXplorer
A great demo that visualizes how HEX colors work. By Rob DiMarzo.
cccreate
A curated collection of tools and resources for web creators.
Glass
Glass is a new subscription-based photo sharing app and community for professional and amateur photographers alike without dark patterns driving engagement.
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.
Standards
A new way to design brand guidelines. A product from Standards Manual. Apply for early access.
Q1K3
An incredible Quake clone made by Dominic Szablewski for the 2021 js13k competition.
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.
The post Collective #680 appeared first on Codrops.