#css · Elektrine

Rolle Laukkarinen @rolle@mementomori.social

· 2d ago

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

github.com

GitHub - rollecode/mastodon-bird-ui at nightly

🐘🐦 Mastodon web UI, but strongly inspired by Twitter (when it was still good!) - rollecode/mastodon-bird-ui

2

1

0

Lobsters @lobsters@mastodon.social

· 22h ago

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/

lobste.rs

I was wrong about dark mode

1 comment

0

Lobsters @lobsters@mastodon.social

· 6d ago

Introducing Adaptive Dark Mode https://lobste.rs/s/yba0yg #css #web https://webkit.org/blog/18541/introducing-adaptive-dark-mode/

lobste.rs

Introducing Adaptive Dark Mode

1 comment

0

Tomáš @prahou@merveilles.town

· 1w ago

Boosted by @trending@homestead.social

Lost Tech #technomage #unix_surrealism #openbsd #css #ui #webdev

26

0

16

0

Lobsters @lobsters@mastodon.social

· 2w ago

A select should tell you something via @abnv@fantastic.earth https://lobste.rs/s/3mnrlw #css https://alfy.blog/2026/10/27/a-select-should-tell-you-something.html

lobste.rs

A select should tell you something

0 comments

0

Lobsters @lobsters@mastodon.social

· 2w ago

Websites Should Be Printable https://lobste.rs/s/olnqh2 #css #web https://brennenputh.me/blog/printable-websites/

lobste.rs

Websites Should Be Printable

0 comments

0

Rolle Laukkarinen @rolle@mementomori.social

· 2w ago

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

37

2

14

3

Rolle Laukkarinen @rolle@mementomori.social

· 2w ago

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

11

0

4

0

Lobsters @lobsters@mastodon.social

· 2w ago

Improving accessibility with CSS media queries (2025) https://lobste.rs/s/0glhl6 #a11y #css https://fleeb.ee/blog/improving-accessibility-with-css-media-queries/

lobste.rs

Improving accessibility with CSS media queries (2025)

0 comments

0

Lobsters @lobsters@mastodon.social

· 2w ago

The Future of CSS https://lobste.rs/s/vidyh0 #css https://www.joshwcomeau.com/css/interop-2027/

lobste.rs

The Future of CSS

0 comments

0

CSS Wizardry @css_wizardry@robot.villas

· 73mo ago

Site-Speed Topography https://csswizardry.com/2020/11/site-speed-topography/ #WebPerformance #CSS #FrontEnd

csswizardry.com

Site-Speed Topography – CSS Wizardry

0

AriaWorks - A11y Audits & Training @ariaworks@mastodon.social

· 3w ago

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

0

1

0

CSS by T. Afif

@css@front-end.social

· 4mo ago

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

css-tip.com

Border gradient with border-radius

The modern way to add a gradient to borders while having rounder corners

21

4

1

Lobsters @lobsters@mastodon.social

· 4w ago

CSS for underlines via @thomask@social.octet-stream.net https://lobste.rs/s/ezucf0 #css https://www.rubenerd.au/css-for-underlines/

lobste.rs

CSS for underlines

0 comments

0

Lobsters @lobsters@mastodon.social

· 1mo ago

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

lobste.rs

Iframes that finally fit their content

0 comments

0

Lobsters @lobsters@mastodon.social

· 1mo ago

Detect when elements overlap with CSS https://lobste.rs/s/vt6qyw #css https://ishadeed.com/article/css-detect-overlap/

lobste.rs

Detect when elements overlap with CSS

0 comments

0

Lobsters @lobsters@mastodon.social

· 1mo ago

Improving site performance by shipping more CSS https://lobste.rs/s/fli8va #css #performance #web https://github.blog/engineering/architecture-optimization/improving-site-performance-by-shipping-more-css/

lobste.rs

Improving site performance by shipping more CSS

0 comments

0

dch

@dch@bsd.network

· 1mo ago

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

The state of accessible web UI frameworks

darekkay.com

The state of accessible web UI frameworks

An accessibility review for popular CSS UI component libraries.

0

1

0

Skullena. 💀 (she/ her) @theresmiling@ibe.social

· 1mo ago

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

0

3

0

vrugtehagel @vrugtehagel@mastodon.social

· 1mo ago

Ever wanted to move a password or small file from one device to another, without those pesky electromagnetic waves disturbing your zen? With the latest molecular vibration technology, you can! Try it now at https://vrugtehagel.nl/transmit/ ! ...that is to say, I built a #handmade #noai #webdev thing with regular ol' #html #css and #javascript , the thing is now done, and it's not very useful but I love it anyway and I hope it sparks some joy in others, too!

vrugtehagel.nl

Transmission

Transmit data using high-latency molecular vibration technology using the latest Stello-Matic and Decho-Matic devices.

13

7

17

0