Released a minor update to Mastodon Bird UI, 2.3.1.

Supports Mastodon versions 4.4.0, 4.4.1 and 4.5.0-alpha.1.

Changelog:

- Update instructions: Replace `@import` with `@use` #162, Closes #161 #152 #163 (thanks @SuperSandro2000!)
- Fix missing close icon in the search input when it has value

https://github.com/ronilaukkarinen/mastodon-bird-ui/releases/tag/2.3.1

CSS Tip!

Because the new sibling-*() functions are verbose and sibling-index() is 1-indexed, I wrote my own functions!

https://css-tip.com/element-index/

Less characters to type when writing complex formulas.

A Kagi user rebuilt the search experience from the ground up with the brutalist aesthetics of a cyberpunk megacorp, inspired by Cyberpunk 2077.

Check out this creative custom theme: https://github.com/pdanzma/korp-net

#writers, #blog aficionados, #web enjoyers, #website browsers: lend me your ears! i need help with a big push to get the word out about #writing for GOOD INTERNET magazine's autumn issue! a digital AND physical magazine that ships all over the world, run & contributed to by volunteers! ()

in case you're unaware, GOOD INTERNET covers a lot of different aspects of the #SmallWeb: unplugging from the corporate web, fighting #enshittification, migrating from data-harvesting corpo social media, creating your own personal website, using code and website-building as an art form, federation, and creating websites for fun. the aim is to be approachable for beginners and enjoyable for seasoned #indieweb travelers!

you don't have to be a professional #webdev or a #coding smartypants to write about all the good things happening on "this side" of the web. the idea here is to spread the word about and share thoughts, independent web projects, services, methods, sites, meet-ups, and celebrate the non-corporate web together while making it easier for us to partake and unplug from #bigtech.

looking for 1,000- to 4,000-word articles aimed at website owners and hobbyists, digital (and traditional) #artists, #internet culture enthusiasts, #technology nerds, #socialmedia expatriates, & anyone who wants to unplug from the corporate-owned #web.

the deadline is AUGUST 22, 2025

more info here: https://goodinternetmagazine.com/contact/

Anybody who is really good with #CSS and using plugins like #Stylus to alter a site appearance able to give me a hand?

Been trying to figure out how to re-order the items showing up in the Navigation bar on the Mastodon web interface using only CSS - ideally I PERSONALLY would love to swap the positions of Trending, Notifications, and Private Mentions, but I'd like to have whatever CSS wizardry I wind up outputting to be flexible enough that people can re-order their own Navigational elements to however they would like it themselves.

I was just lamenting the lack of anchor positioning in Firefox, but OF COURSE @mia has a polyfill for it https://github.com/oddbird/css-anchor-positioning #css

Are you *really* writing “modern” #HTML if you aren’t using a metric shit ton of <div> tags?

Are you*really* writing “modern” #CSS if you don’t have a class name attribute list longer than your arm?

Are you *really* writing “modern” #JavaScript if you aren’t using React or NextJS and delivering the equivalent of 7 copies of Doom byte count wise for a static home page?

#webdev
#shitpost

#UX designer: Carousels are bad from a usability perspective

Web dev: We have recreated the carousel from the classic research paper "don't use carousels" entirely in #CSS

https://developer.chrome.com/blog/carousels-with-css

It's no small thing, CSS can now do carousels natively, with no javascript.

"scroll buttons, scroll markers, scroll driven animation, scroll-state() queries, :has(), grid, anchor and so much more.

Even more impressive is the accessibility story.

Carousel best practices are handled by the browser, thanks to the engineering and accessibility teams working together. It'd be very difficult to make a more accessible carousel than this."

#CSS #frontend #UIUX

https://developer.chrome.com/blog/carousels-with-css

Released Mastodon Bird UI v2.3.0 (stable) for Mastodon v4.4.0 (stable) after over 130 changes and more than 6 months of work. https://github.com/ronilaukkarinen/mastodon-bird-ui/releases/tag/2.3.0

There are many updates, but because of my limited time, I've mostly been focusing on keeping it aligned with the main branch rather than adding many of my own features. I hope you like it anyway.

Wow, #Figma is finally getting proper support for #CSS grid layouts. Despite all the massive layout improvements in front-end development over recent years, many designers have been stuck using those old-fashioned 12 column grids for aligning everything.

https://uxdesign.cc/figmas-new-grid-you-must-understand-css-grid-as-a-designer-fbb00416e1cc

Can you guys help me find this:

There was an animation toolkit that was tailwind-like that I saw 6-7 months ago. It might have been animxyz, but I don't think that was it.

Used html attributes I think, not css classes. JS-based, declarative.

Welcome to CSS JOY (lol)! #webrings #frontend #css

https://cs.sjoy.lol/

Web app "Meton" calculating lunar phases, with enhanced eclipse prediction indicators for both lunar and solar eclipses. DM me for more details.

https://www.thomasweibel.ch/meton/

Is there way to get smooth corders in #CSS, instead of the fixed border-radius?

全然技術レベルの違う話ではあるけど、自分もデザイナーなのに #反骨スタック っぽい選択をしてきた気がしている。
正確には、自分のスキルと時間的制約とワンオペでの制作・開発という事情でその選択肢しかなかったという側面が大きくて、能動的に選べる選択肢がそれしか無かったんだけど。
ただ、確かに低レイヤーを触る動機が生まれるという意味では良い面もあった気はする。
自分の生存戦略が、なるべくフレームワークとかライブラリに依存しないスキルの勉強にかける、だったから、そういう観点で当時選んだのが「薄い」フロントエンドライブラリとしての #RiotJS だったし、未だに素の #CSS を書きたくなってしまう性質に繋がっている気がする。

https://hackers.pub/@hongminhee/2025/contrarian-stack/ja

It's been years, many years, actually, since I last built a site with HTML. Recently, I've been wanting to end my participation in the larger web and start contributing to a smaller web. A web that was full of creative people, building cool and fun sites, and sharing information. Not the web of today that is full of companies pumping ads at us, forcing us to use ad blockers to keep us safe, or the companies scraping the web to build their AI models. The web of today is terrible, bloated, and not what the internet was originally created for.

I've deleted my personal and freelance/consulting sites, both built on bloated WordPress, and I have been reintroducing myself to HTML and CSS so I can rebuild my sites. I've been having so much fun. To do this, I've joined https://bearblog.dev for my personal site/blog, and https://neocities.org as a practice space for working on my HTML and CSS. Both are brilliant, and to support both, it's really affordable.

To start my journey of reintroducing myself to HTML and CSS, I read (multiple times) @bw's online book, "HTML for People". You can find it at https://htmlforpeople.com/. And if you enjoy reading it, throw a bit of money Blake's way for all of the hard work.

Anyway, I'll get off my soapbox about the bloated web of today and get back to learning HTML and CSS. My personal site is still a bit crap, but I'm working on it!

#html #css #smallweb #bloatedweb

YouTube is now recommending me a bunch of videos of people making their own cute little HTML websites, usually on Neocities or what they are calling The Indie Web and its giving me hope.

I knew this was a thing, and I knew people are still making websites like this, but it's really fun to see people encouraging people to do the same or making tutorials on YouTube.

@marighoul.bsky.social@bsky.brid.gy

https://youtu.be/Tv223kX0SRg?si=PpY817UTPprFhroM

CSS Zen Garden https://www.csszengarden.com

I have really been enjoying learning HTML and CSS. Working on rebuilding my personal site and moving away from WordPress. It's been quite a few years since I last used HTML in any serious way and I still have a bit to learn and master.

A few folks have mentioned HTMX so I am going to start looking into this next.

#html #css #htmx