shakedown.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
A community for live music fans with roots in the jam scene. Shakedown Social is run by a team of volunteers (led by @clifff and @sethadam1) and funded by donations.

Administered by:

Server stats:

269
active users

#css

23 posts23 participants0 posts today

figured out a nice way to do recolorable glyph icons without resorting to a font or inline SVG data:

👉 single icon sheet

👉 set col/row vars to add icons

👉 use inline with `<span class="icon icon-mail"></span>`

👉 recolor with `background-color` anywhere in the stylesheet

#html#css#web

Move over Bootstrap.

Web Awesome is an awesome successor to what in my opinion was already the best open source #WebComponents library (Shoelace) on the market. Now we have the best #CSS framework on the market.

All of the CSS is…um…just CSS and all of the components are…um…just web components. Native #WebDev APIs across the board. 🙌

Take a first look at the brand new public beta:

thathtml.blog/2025/07/web-awes

That HTML Blog · Web Awesome, the First All-in-One Web Components + CSS Framework, is Finally Here
More from Jared White (🏳️‍⚧️ ally)

I have so much mixed feeling about #react. In one hand, I like #jsx. I mean, I really don't like #JavaScript but I like the idea to integrate #HTML and #css so they can be syntax checked instead of a big hard to read string. On the other hand your site is now coming with scripts even if it's just a simple form that could be coded in plane HTML. I learned react to help getting jobs but if it was my own website, I would use something else. I started to check #flutter. I like the idea of having one code that can generate websites, desktop apps and phone apps.

Howdy! 🤓 How do you all handle native #CSS Nesting at the moment? Are you using it already? And if so, are you just targeting newer browsers that support it? Or are you using PostCSS, for example?

Asking for a friend who has reduced his build process to the max (nothing but a little esbuild script) and is now hesitating to add PostCSS again… 😉

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

github.com/ronilaukkarinen/mas

2.3.1: 2025-07-10
Note⚠️ Compatibility: This release supports v.4.4.0, v.4.4.1, v4.5.0-alpha.1.
This version will not support Mastodon versions prior v4.4.0! (2025-07-08) For older Mastodon servers...
GitHubRelease 2.3.1 · ronilaukkarinen/mastodon-bird-ui2.3.1: 2025-07-10 Note⚠️ Compatibility: This release supports v.4.4.0, v.4.4.1, v4.5.0-alpha.1. This version will not support Mastodon versions prior v4.4.0! (2025-07-08) For older Mastodon servers...

#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: goodinternetmagazine.com/conta

Good Internet · Contact UsPitching stories Unfortunately, at this time, we cannot pay for article submissions or art. Appropriate topics Articles can either be sourced and journalistic or first-hand accounts and personal stories. Since our magazine is geared towards hobbyists, articles should not be aimed at those who do not already own personal websites

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.

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

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

developer.chrome.com/blog/caro

Chrome for DevelopersCarousels with CSS  |  Blog  |  Chrome for DevelopersSupport scroll experiences with navigation buttons and markers with just a few lines of 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. github.com/ronilaukkarinen/mas

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.

2.3.0: 2025-07-08
Note⚠️ Compatibility: This release supports only v.4.4.0 (stable).
This version will not support Mastodon versions prior v4.4.0! (2025-07-08) For older Mastodon servers, use older...
GitHubRelease 2.3.0 · ronilaukkarinen/mastodon-bird-ui2.3.0: 2025-07-08 Note⚠️ Compatibility: This release supports only v.4.4.0 (stable). This version will not support Mastodon versions prior v4.4.0! (2025-07-08) For older Mastodon servers, use older...