Creating Diagrams and Graphs Using Modern CSS via @lobsters@mastodon.social https://lobste.rs/s/itpaba #css
https://blog.master.dev/creating-diagrams-and-graphs-using-modern-css/
#css
129 posts · Last used 9h
Replying to
Lots of nightly updates coming in today!
Most notable bugs:
- When you type a hashtag or at-person, the popout gets in the way
- Ultra Accessible themes for vision impaired have some font size issues
- Some hover states and element proportions, especially padding, have regressions from v5 and the new nightly theme
- Bugs in the advanced view
The latest changes are in the nightly branch, and work is still in progress. You can follow my work here: https://github.com/rollecode/mastodon-bird-ui/tree/nightly
Some of these are core issues and will probably be fixed or changed in Mastodon v5 stable. If not, fixes will go live in our fork.
#MastodonBirdUI #BirdUI #CSS #MastoAdmin #UI #Mastodon #OpenSource
I was wrong about dark mode via @loige@mastodon.ie https://lobste.rs/s/iqhxz6 #css #design #web
https://dbushell.com/2026/11/09/dark-mode/
Websites Should Be Printable https://lobste.rs/s/olnqh2 #css #web
https://brennenputh.me/blog/printable-websites/
Progress update: Mastodon Bird UI support for Mastodon v5 is progressing nicely.
Vanilla Mastodon v5 on the left
Mastodon v5 with Mastodon Bird UI v5 on the right
My goal is to keep the familiar Mastodon Bird UI on the latest version of Mastodon.
And yes, I'll add some trending posts and other stuff to the empty right panel, but those will only be available on our instance.
#BuildInPublic #MementomoriSocial #MastodonBirdUI #BirdUI #Mastodon #MastoAdmin #UI #CSS
Boosted by @tchambers@indieweb.social
Replying to
Mastodon v5 alpha with Mastodon Bird UI v5 alpha and additional sidebar content in the test/dev environment for our Mastodon fork, mementomori.social.
It's coming together nicely.
#UI #CSS #Experimental #MastodonBirdUI #Mastodon #MastoAdmin #MementomoriSocial #OpenSource
Improving accessibility with CSS media queries (2025) https://lobste.rs/s/0glhl6 #a11y #css
https://fleeb.ee/blog/improving-accessibility-with-css-media-queries/
Boosted by @welcome@friends.deko.cloud
Hi, I'm Jakub. I run AriaWorks from Poland. I audit websites and apps against WCAG 2.2, and I run hands-on training for dev, QA and design teams. I also do remediation support.
Here I'll post testing notes and findings from accessibility world: forced colours, focus management, screen reader quirks, and the code that fixes them. Now and then something on the EAA and how Poland implements it.
#introduction #a11y #Accessibility #WebDev #CSS
They just released 
Google Chrome V150, and it comes with border-area (among many other cool things).
What's border-area? The magic value to create gradient borders easily.
https://css-tip.com/border-gradient/
Two lines of code and you are done! 🤩
#CSS #HTML
Google Chrome V150, and it comes with border-area (among many other cool things).
What's border-area? The magic value to create gradient borders easily.
https://css-tip.com/border-gradient/
Two lines of code and you are done! 🤩
#CSS #HTML
Iframes that finally fit their content via @abnv@fantastic.earth https://lobste.rs/s/ka6d0y #css #web
https://alfy.blog/2026/10/09/iframe-that-finally-fit-their-content.html
Detect when elements overlap with CSS https://lobste.rs/s/vt6qyw #css
https://ishadeed.com/article/css-detect-overlap/
Boosted by @oxy@social.bsdlab.au
Are there good examples of *accessible-first* #CSS frameworks, with common components/widgets?
I'm looking for something that is well regarded by its users, and has enough installed base that it's not going to disappear overnight.
This is intended for a possible replacement for a tailwind project, inside a #Phoenix #LiveView app.
https://darekkay.com/blog/accessible-ui-frameworks/ already has a lot of links, I'll dig through them over the next few days.
Bonus points if it doesn't come with an extraordinarily painful npm install & run process.
#accessibility #a11y
I need some CSS help: I want the underline for a link in superscript to be right under that number instead of down at the baseline. I tried to find how to do it but haven't been successful.
Who can help clueless me out?
Thank you! ❤️
#CSS