#css

This is cool!

Because Google Fonts isn't #GDPR compliant, someone built "Bunny Fonts" to be a GDPR-compliant alternative.

Drop-in replacement with an identical API!

#WebDev #CSS

https://fonts.bunny.net/

If It Works, It’s Right, by @bell.bz (@piccalil.li):

https://piccalil.li/blog/if-it-works-its-right/

#css

Out of Order, by @donnie:

https://blog.damato.design/posts/out-of-order/

#css #positioning #design

Back when I was learning about #css, there was an amazing resource called CSS Zen Garden. It helped expand my knowledge of what was possible. It was like magic. TIL it's still around (no Internet Archive needed). https://csszengarden.com

CSS Holographic Masks: "Experimenting with some #CSS holographic effects, inspired by this guide from Robb Owen: Holograms, light-leaks and how to build CSS-only shaders." https://codepen.io/HejChristian/details/YPzLbYX

I’m fortunate to have worked with a lot of amazing designers over the years. Some were curious about designing in the browser with basic #HTML and #CSS, but weren’t sure where to begin, or felt discouraged by a lot of developer-centric content.

This is the advice I gave that seemed to resonate most: https://cloudfour.com/thinks/designing-in-the-browser-five-tips-for-beginners/

#WebDesign #DesignProcess

How does the z-order stack behave with Shadow DOM? Is it all above or below the normal DOM components or are they intermixed somehow? For instance, if you launch a full screen modal from the shadow dom, does it behave “properly” in terms of z-index? #css

Use “shape()” for Responsive Clipping, by @nomster (@developers):

https://developer.chrome.com/blog/css-shape

#css #functions #shapes #clipping #responsivedesign

Have you ever wanted to have gap-rules in your #CSS Grid layouts, similar to column-rules? The Gap Decorations specification has its first public working draft! https://www.w3.org/TR/2025/WD-css-gaps-1-20250417/

(“First public working draft” means it’s still being worked on and things in it might change, but the work has been made public and is now part of the historical record. This is a good time for the community [including YOU!] to read it and give feedback. Do **NOT** expect implementations right away.)

And here is the code to generate any polygon shape with rounded corners!

https://css-tip.com/rounded-polygon/

Update the variables then get your code (There is another variation using CSS variables as well).

#CSS #HTML

Yet more HTML brainteasers for you to argue over!

How do you feel about newlines in attribute values?

For example:
`<img alt="A kitten.
A puppy.">`

Or:
`<div class="cat
dog
horse">`

Is there ever a time when a newline *must not* be replaced by a space?

#WebDev #CSS #HTML

Top 5 CSS Navigation Menu Mistakes, by @zoranjambor (@cssweekly):

https://blog.css-weekly.com/top-5-css-navigation-menu-mistakes

#navigation #css #mistakes #usability

The #CSS shape() function | WebKit
https://webkit.org/blog/16794/the-css-shape-function/

[OT] Spoiler dans le texte, CSS seulement
#CSS
https://open-time.net/post/2025/04/17/Spoiler-dans-le-texte-CSS-seulement

Poá: https://meuted.io/scrollbar-poa.html

Tracejada: https://meuted.io/scrollbar-tracejada.html

#webkit #css #html

“CSS Custom Properties vs. Sass Variables: A Pragmatic Guide” by @sturobson

https://www.alwaystwisted.com/articles/css-vs-sass

> The interplay between Sass variables and CSS custom properties should be a strategic partnership. Over nearly a decade of evolving web practices, one truth persists: robust systems balance rigidity with adaptability. Sass anchors the immutable, CSS custom properties breathe life into any required fluidity.

#CSS #Sass #customProperties

️ https://nicolas-hoizey.com/links/2025/04/08/css-custom-properties-vs-sass-variables-a-pragmatic-guide/

#Themeing
#CSS
#ColorScheme

So I got it in my head to put together some color pallets for CSS and Enlightenment Themes. I have a few ideas to work on and will try to make them nice.

I will share what I come up with later.

Anchor Positioning and the Popover API for a JS-Free Site Menu

https://css-irl.info/anchor-positioning-and-the-popover-api/

#css

While I'm not a huge fan of the verbosity of the syntax* here, this is very cool, and the basic demo is surprisingly impressive: https://webkit.org/blog/16794/the-css-shape-function/

* Though to be fair: a) I don't remember all of #SVG's commands, and b) this does feel rather expressive and #CSS-y (looking at you, `radial-gradient(circle at center in hsl longer hue, red, blue)`!)

The Case for “Old School” CSS, by @huijing:

https://chenhuijing.com/blog/the-case-for-old-school-css/

#css #drupal #twig