#csshacks — Public Fediverse posts

Fade in… fade out… fade in… wait, that’s audio. Here’s how to fade out text in CSS instead! 🎭 #CodePen #CSSHacks

https://gurupanguji.com/2025/08/17/chat-ui-glow-ups/

Taking some time to automatize stuff. I now have a script that transforms a bitmap into classes ready to be used as pixelated flags.

This will eventually end up in a repo. Not that it is particularly useful to have inline flags in 1236 bytes and 16 colo[u]rs... but art doesn't need to serve a purpose, right?

#CSS #CSSHacks #PixelFonts

#CSSchallenge2023

How would you code this with no JS, no SVG (and no animated images for that matter), just HTML and *at most* 25 CSS declarations in the compiled code, including any that may be set in `style` attributes?

Palette used https://coolors.co/palette/0cb2af-a1c65d-fac723-f29222-e95e50-936fac

*for everyone who is a $5+ patron on Patreon, you know where to find the solution 😼

#css #coding #cssTricks #thisShouldNotBeLegal #cssHacks #frontend #webDev #webDevelopment

While going through my notes and compiling the above (still working on it, btw) I found a clear CSS tweak I really like that informs the reader at a glance whether or not an image in your Mastodon feed has alt-text (really useful) and which works in the browser and if you save your instance to your phone's homepage and use it as an app.

The blog post explaining the importance of this kind of CSS tweak is here:

https://multiline.co/mment/2022/12/alt-text-mastodon-css/

The updated CSS that works can be found here: https://about.front-end.social/css/override.css

#MastoAdmin #Accessibility #CSSHacks #CSS #Mastodon #MastodonAdmin

#csshacks

th { position: sticky; top: 0; }