Collective #625
Inspirational Website of the Week: Celebrating 10 Years with Blind Barber
A design celebration with compelling layouts and individual effects. Our pick this week.
Get inspired
Bring Your Vision To Life With a Design-Oriented Website Builder
Turn your vision into a stunning reality with Elementor - a super-efficient, design-oriented WordPress website builder.
Try for Free
The failed promise of Web Components
Lea Verou explains why the potential of Web Components got lost in practice and shows a way this could be fixed.
Read it
Emulate vision deficiencies in DevTools
Addy Osmani shows how you can emulate vision deficiencies in Chrome DevTools to see how users who experience color blindness or blurred vision might see your site.
Read it
a11yresources
The Accessibility Resources is a growing list of more than 200+ hand-curated accessibility plugins, tools, articles, case studies, design patterns, assistive technologies, design resources and accessibility standards.
Check it out
Declarative Shadow DOM
DLearn about Dclarative Shadow DOM, which is a new way to implement and use Shadow DOM directly in HTML.
Read it
Keyboard Simulator
Design and test virtual keyboards with this wonderful Three.js based tool.
Check it out
Accessible Animation
Una Kravets demonstrates how to use the “prefers-reduced-motion” media query to progressively enhance animation on your website and shows how to build a simple “reduce animation” switch.
Watch it
urlcat
A URL builder library for JavaScript that makes building URLs very convenient and prevents common mistakes.
Check it out
IconPark
Transform an SVG icon into multiple themes, and generate React icons or Vue icons easily.
Check it out
Galaxy Simulation
A colliding galaxy simulation using direct and Barnes-Hut algorithms and built with Rust, ThreeJS, and WebAssembly. Check out the GitHub repo.
Check it out
HitCount
HitCount lets you add a hit counter as simply as adding an image to your website.
Check it out
3 things about CSS variables you might not know
Some interesting things about CSS variables that will come in handy.
Check it out
Introducing visx from Airbnb
Read about the collection of expressive, low-level visualization primitives for React from Airbnb.
Read it
Dreaming of Jupiter
A beautiful Three.js demo by isladjan.
Check it out
Ballpoint
Ballpoint is an experimental new vector graphics editor. It's available as a free to use web application.
Check it out
Modfy
A purely browser-based privacy-first video tool capable of performing tasks like converting, compression, etc without uploading your files.
Check it out
Checkboxes make excellent buttons
Christian Heilmann explains why he likes to use checkboxes as buttons.
Read it
Detached window memory leaks
Learn how to find and fix tricky memory leaks caused by detached windows.
Check it out
Creating Mirrors in React-Three-Fiber and Three.js
A brief walk-through of how to create a mirror scene based on the react-three-fiber ecosystem.
Check it out