🦖 unicode-range
✅ Widely available (from Jul 2015)

https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/At-rules/@font-face/unicode-range

The unicode-range CSS descriptor sets the specific range of characters to be used from a font defined using the @font-face at-rule and made available for use on the current page. If the page doesn't use any character in this range, the font is not downloaded; if it uses at least one, the whole font is downloaded.

#webdev #CSS

unicode-range - CSS | MDN

The unicode-range CSS descriptor sets the specific range of characters to be used from a font defined using the @font-face at-rule and made available for use on the current page. If the page doesn't use any character in this range, the font is not downloaded; if it uses at least one, the whole font is downloaded.

MDN Web Docs

What's the best way to showcase modern CSS features? By making games!

This time it's the famous    Dino Game 🦖

https://css-tip.com/dino-game/

100% CSS magic playable with the keyboard. Yes, you can jump and crouch with the arrow keys! 👀

Don't search for the JS, there is none.

#CSS #HTML

CSS Refactoring With an AI Safety Net, by (not on Mastodon or Bluesky):

https://danielabaron.me/blog/css-refactoring-with-an-ai-safety-net/

#css #refactoring #testing #ai

CSS Refactoring with an AI Safety Net

How to safely refactor messy CSS using AI assistance and screenshot-based visual diffing as a regression safety net.

This city is built with CSS. No SVG. No images. No HTML. Just gradients... and a bit of patience.
https://codepen.io/alvaromontoro/pen/mdZKxEr

I haven't touched this in a while, but it still holds up. I'd love to expand it into a full city someday.

#css #cssart #webdev

#dans_mon_flux :

Kozlika/reset: A collection of css reset - Codeberg.org
🔗 https://codeberg.org/Kozlika/reset

par @kozlika

👉 https://shaarli.lerebooteux.fr

#css #reset #collection

reset

A collection of css reset

Codeberg.org

Cascade Icons, by (not on Mastodon or Bluesky):

https://designsurface.dev/cascade

#css #icons #images

Cascade — Icons for CSS Properties

An open-source icon set where every icon represents a CSS property–value pair. Copy as SVG or React component.

@designtools/cascade
Doom recreated with CSS https://cssdoom.wtf/ #css #doom #gaming
cssDOOM

DOOM rendered entirely in CSS. Every wall, floor, barrel, and imp is a div, positioned in 3D space using CSS transforms.