Pure CSS LED Playboard

The Layout Maestro by Ahmad Shadeed

Build any web layout with confidence. Learn practical CSS layout through visual lessons, interactive demos, and a proven layout mindset.

Vanilla CSS is all you need

Campfire, Writebook, and Fizzy show that modern vanilla CSS can power serious apps without Sass, PostCSS, or a build step.

Adding Visual Effects | Web Browser Engineering

Right now our browser can only draw colored rectangles and text—pretty boring! Real browsers support all kinds of visual effects that change how pixels and colors blend together. To implement those effects, and also make our browser faster, we’ll need control over surfaces, the key low-level feature behind fast scrolling, visual effects, animations, and many other browser capabilities. To get that control, we’ll also switch to using the Skia graphics library and even take a peek under its hood.

CSS Relative Colors

An interactive guide to learn CSS Relative Colors.

HyperX Alloy Core RGB – Gaming Keyboard

Featuring HyperX’s signature radiant light bar, and smooth, dynamic RGB lighting effects, the HyperX Alloy Core RGB™ is ideal for gamers looking to enhance their keyboard’s style and performance without breaking the bank. With six different lighting effects and three brightness levels, it balances b...

layoutit/cssGraphics

A DOM-ready 3D asset library powered by PolyCSS.

The State of CSS 2020: Conclusion

The annual survey about the latest trends in CSS.

Ian Bach ☯︎ on Twitter / X

Honestly something in the space between Figma, origami, framer and Cursor / v0 is gonna happen in the next few years and it’s gonna be wild.And what’s more, it’s in a blind spot. It won’t be an engineering led IDE and it won’t be a cool design tool for cool designers. It’s… https://t.co/fAusCTYN15— Ian Bach ☯︎ (@Ian8ach) November 27, 2024

player.style - Video & audio player themes for every web player & framework

Video and audio player themes that work for any web player (Video.js, Youtube embeds, and more), and with every web app framework (HTML, React, and more). Open source and built with Media Chrome so they’re fully customizable using just HTML and CSS.

una.im | Modern CSS theming with light-dark(), contrast-color(), and style queries

Combine three new CSS features to build fully adaptive themed components.

Turning a Gaussian Splat Into a Videogame | PlayCanvas Blog

How I turned a photogrammetric 3D Gaussian Splat scene into a playable browser FPS - with collision, pre-baked lighting, navmesh-driven NPCs and behavior-tree AI, all in PlayCanvas.

Compositing & Blending • Niklas Gadermann

Exploring the math and intuition behind blend modes in the browser

Using CSS to create a CRT

Many of us remember televisions from our childhoods as these flickering glass behemoths. These were CRT TVs and they had a very different look to them than our LCD screens do today. I have attempted to assemble a set of CSS effects to replicate this look mainly by adding three things: screen-door effect, flicker, and color separation. The color separation idea originally came from the hyperpunk theme by Andre Staltz for the hyper terminal. The scanlines and flicker effects came from the CSS CRT screen effect codepen by Lucas Bebber.

On Color Science

This document is a follow up to my Display Prep Demo, which I hope you've already seen.