Collective #625

Original Source: http://feedproxy.google.com/~r/tympanus/~3/_Wvt5il7qJc/

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

Our Sponsor
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

From Our Blog
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

The post Collective #625 appeared first on Codrops.