@mahryekuh There's definitely something to that cascading thing! #EmbraceTheCascade #CSS #11ty
@mahryekuh There's definitely something to that cascading thing! #EmbraceTheCascade #CSS #11ty
Micro Zine: Tiny CSS template to produce folded 8-page zines
https://github.com/zserge/zine
https://ellyloel.com/micro-zine-tiny-css-template-to-produce-folded-8-page-zines/
I understand Kevin Powell referenced my 2020 post “Alternative Text for CSS Generated Content” in his video on what’s new with CSS and that he deferred to my testing results. My December 2024 update is the most recent:
https://adrianroselli.com/2020/10/alternative-text-for-css-generated-content.html#Takeaway-4
TL;DR: Use `<img>` for icons & similar, but for non-interactive decorative contexts that don’t need auto-translation, then alternative text on CSS generated content can get the job done.
I updated my online generator to add the radius option! The easiest way to generate regular polygons with rounded corners.
https://css-generators.com/polygon-shape/
And look at that border-only version!
Having some fun reskining my codepen profile
https://codepen.io/villepreux
Too bad that pens' preview generation doesn't play well with templates & pen includes, and that color-scheme preference does not apply on previews. Need to investigate further.
Also didn't find a way to apply inline svg filters. Assuming that might be a known limitation thought.
Bien le bonjour, me voici de retour !
#JeChercheUnTaf – toujours
Je suis spécialisée en design éditorial, CSS-print et développement indie web (HTML, CSS, JS).
Un aperçu de mon travail est dispo ici : https://kajoudesign.eu
Je suis #Freelance ou #FullRemote
Le boost rend heureux·se
#DesignGraphique #DevWeb #CSS-print
“Tailwind's @apply Feature is Better Than it Sounds” by Zell Liew
https://css-tricks.com/tailwinds-apply-feature-is-better-than-it-sounds/
> Tailwind’s utilities are very powerful by themselves, but they’re even more powerful if you allow yourself to use `@apply` (and allow yourself to detach from traditional Tailwind advice). By doing this, you gain access to Tailwind as a tool instead of it being a dogmatic approach.
️ https://nicolas-hoizey.com/links/2025/04/11/tailwind-s-apply-feature-is-better-than-it-sounds/
Its all HTML
My IndieWeb blog carnival entry on “renewal”!
I talk about reconnecting w/ what I most enjoy about composing & coding, and avoiding treating leisure & projects as if I need to impress someone.
reillyspitzfaden.com/posts/2025/0...
#IndieWeb #Blog #Blogging #WebDev #WebDesign #Coding #HTML #CSS
IndieWeb Blog Carnival — “Rene...
My April IndieWeb blog carnival entry on “renewal”!
I often feel compelled to tweak and redesign my website at the expense of other things I value. I talk about reconnecting with what I most enjoy about composing and coding, and avoiding treating my leisure and projects as if I need to impress someone.
https://reillyspitzfaden.com/posts/2025/04/indieweb-blog-carnival-renewal/
Did you know that the #Django admin can be themed?!
Here are 10 packages for the Django admin which can transform it with a Dracula theme, #Bootstrap #CSS, #Tailwind, and more!
Jazz up your Django admin today!
https://www.djangoproject.com/weblog/2025/apr/18/admin-theme-roundup/
“:only-child”, by @kevinpowell:
https://html-css-tip-of-the-week.netlify.app/tip/only-child/
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!
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/
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