#Tag
#Development #Pitfalls
Fit text responsibly · ”Be careful of the shiny new things.” https://ilo.im/168yam
_____
#ModernCSS #Text #Content #Accessibility #Print #Chrome #Browser #WebDev #Frontend #CSS
Mastodon Bird UI support for Mastodon v4.6.0 with CSS properties is coming soon. The theme will also be modularized using SCSS partials to match Mastodon's new style infrastructure.
The build process will include npm scripts and Parcel, making the theme ultra-portable for any Mastodon instance, whether added through the Custom CSS textarea or directly by a Mastodon admin.
I'll also create a simple bash script for Mastodon admins to enable the theme as a selectable option more easily than the current fork-and-cut method.
This is no easy feat, but definitely worth it.
GitHub: https://github.com/ronilaukkarinen/mastodon-bird-ui
Progress in the nightly branch.
#MastodonBirdUI #CSS #OpenSource #MastoAdmin #Theming #BirdUI #Mastodon #BuildInPublic
Y’all. I made this cute little animation to show that a link was successfully copied. I use it on my writing site.
It’s not monumental, but I really like it. My son said it feels “very satisfying.”
#Design #CSS #Javascript #HTML #UI #Animation #InteractionDesign #WebDesign
#Development #Pitfalls
Fit text responsibly · ”Be careful of the shiny new things.” https://ilo.im/168yam
_____
#ModernCSS #Text #Content #Accessibility #Print #Chrome #Browser #WebDev #Frontend #CSS
#CSS `@custom-media` feature flags
create your own true or false media queries
https://nerdy.dev/custom-media-feature-flags
Fizz Buzz in 4 lines of CSS: https://susam.net/css-fizz-buzz.html
I like small windows, so I made a compact style sheet for @kagihq
Results vary by query, but it's more effective when you have widgets.
Kagi is the website that I use the most, so it makes a huge difference in my day to day how many results I can see.
I might be mandela effecting this, but I thought there used to be a "cozy" option.
Get it here: https://openkagi.com/themes/compact-kagi
Or here: https://userstyles.world/style/25430
Mastodon Bird UI support for Mastodon v4.6.0 with CSS properties is coming soon. The theme will also be modularized using SCSS partials to match Mastodon's new style infrastructure.
The build process will include npm scripts and Parcel, making the theme ultra-portable for any Mastodon instance, whether added through the Custom CSS textarea or directly by a Mastodon admin.
I'll also create a simple bash script for Mastodon admins to enable the theme as a selectable option more easily than the current fork-and-cut method.
This is no easy feat, but definitely worth it.
GitHub: https://github.com/ronilaukkarinen/mastodon-bird-ui
Progress in the nightly branch.
#MastodonBirdUI #CSS #OpenSource #MastoAdmin #Theming #BirdUI #Mastodon #BuildInPublic
Mastodon Bird UI support for Mastodon v4.6.0 with CSS properties is coming soon. The theme will also be modularized using SCSS partials to match Mastodon's new style infrastructure.
The build process will include npm scripts and Parcel, making the theme ultra-portable for any Mastodon instance, whether added through the Custom CSS textarea or directly by a Mastodon admin.
I'll also create a simple bash script for Mastodon admins to enable the theme as a selectable option more easily than the current fork-and-cut method.
This is no easy feat, but definitely worth it.
GitHub: https://github.com/ronilaukkarinen/mastodon-bird-ui
Progress in the nightly branch.
#MastodonBirdUI #CSS #OpenSource #MastoAdmin #Theming #BirdUI #Mastodon #BuildInPublic
Y’all. I made this cute little animation to show that a link was successfully copied. I use it on my writing site.
It’s not monumental, but I really like it. My son said it feels “very satisfying.”
#Design #CSS #Javascript #HTML #UI #Animation #InteractionDesign #WebDesign
#CSS `@custom-media` feature flags
create your own true or false media queries
https://nerdy.dev/custom-media-feature-flags
Fizz Buzz in 4 lines of CSS: https://susam.net/css-fizz-buzz.html
I like small windows, so I made a compact style sheet for @kagihq
Results vary by query, but it's more effective when you have widgets.
Kagi is the website that I use the most, so it makes a huge difference in my day to day how many results I can see.
I might be mandela effecting this, but I thought there used to be a "cozy" option.
Get it here: https://openkagi.com/themes/compact-kagi
Or here: https://userstyles.world/style/25430
#Development #Launches
HTMHell Advent Calendar 2025 · It’s back again with twenty-four more posts! https://ilo.im/168s40
_____
#AdventCalendar #Accessibility #Security #Website #WebPerf #WebDev #Frontend #HTML #CSS #JavaScript
How to use #CSS to fix the irradiation illusion /
How to adjust perceived font weight in dark mode without layout shift
https://nerdy.dev/adjust-perceived-typepace-weight-for-dark-mode-without-layout-shift
@bw
@bart and I have been producing the Programming by Stealth series for years now, and Installments 6-10 is where he taught us CSS. Each lesson has an extensive tutorial blog post and an audio version where you hear Bart teaching me (and the “class”) so you can hear dumb questions and further explanation. All free, of course!
#Development #Launches
HTMHell Advent Calendar 2025 · It’s back again with twenty-four more posts! https://ilo.im/168s40
_____
#AdventCalendar #Accessibility #Security #Website #WebPerf #WebDev #Frontend #HTML #CSS #JavaScript
A space for Bonfire maintainers and contributors to communicate
