# Twtxt is an open, distributed microblogging platform that # uses human-readable text files, common transport protocols, # and free software. # # Learn more about twtxt at https://github.com/buckket/twtxt # # This is an automated Yarn.social feed running feeds v0.1.0@72e53a9 # Learn more about Yarn.social at https://yarn.social # # nick = @mxbck@front-end.social # url = https://feeds.twtxt.net/@mxbck@front-end.social/twtxt.txt # type = rss # source = https://front-end.social/@mxbck.rss # avatar = https://feeds.twtxt.net/@mxbck@front-end.social/avatar.png#sxzxvcfgvyhgjly4fn7koakgtrfgf2v5iua24d6ygv2oqew7z75q # description = Public posts from @mxbck@front-end.social # updated_at = 2023-12-01T22:29:48Z # 2022-11-19T11:09:56Z ****
**Inhaltswarnung:** Twitter Migration

* * *

currently converting my Twitter archive data to markdown and downloading all images, using this handy script by [@timhutton](https://mathstodon.xyz/@timhutton):

[https://github.com/timhutton/twitter-archive-parser](https://github.com/timhutton/twitter-archive-parser)

Not yet 100% sure how I'll use them, but storing this for now. ⌘ [Read more](https://front-end.social/@mxbck/109370159700911470) 2022-11-18T13:13:14Z ****
If you want to build your own website but don't know how to start, check out NeoCities: a free network of handmade static sites

[https://neocities.org/](https://neocities.org/) ⌘ [Read more](https://front-end.social/@mxbck/109364982226151453) 2022-11-17T21:34:31Z ****
Since he's still banned on Twitter, I had to go and meet [@matuzo](https://mastodon.social/@matuzo) in real life like some sort of animal. Nice to catch up with the webclerks team! ⌘ [Read more](https://front-end.social/@mxbck/109361291022744459) 2022-11-16T11:22:54Z ****
Hello everyone! I'm new here, so this is my [#introduction](https://front-end.social/tags/introduction):

I'm Max, a front-end dev from Vienna.

I occasionally write about web development and other stuff on my blog at [https://mxb.dev](https://mxb.dev) and I curate a list of whimsical websites at [https://whimsical.club/](https://whimsical.club/).

I'm a fan of:

\- CSS

\- Eleventy

\- The [#IndieWeb](https://front-end.social/tags/IndieWeb)

\- Personal Websites

\- Rage Against the Machine

Looking forward to join ... ⌘ [Read more](https://front-end.social/@mxbck/109353223718055488) 2022-11-20T19:33:51Z ****
Do you collect webmentions on your site? I like them, but it can be hard to filter them and see what's going on.

I made this free tool to analyze and chart webmentions that you can use to see monthly statistics.

👉 more: [https://mxb.dev/blog/webmention-analytics/](https://mxb.dev/blog/webmention-analytics/) ⌘ [Read more](https://front-end.social/@mxbck/109377803509920444) 2022-11-20T19:34:54Z ****
DEMO: here's how it looks for my site [https://webmentions.mxb.dev](https://webmentions.mxb.dev) ⌘ [Read more](https://front-end.social/@mxbck/109377807587349145) 2022-11-20T20:06:53Z ****
if we're calling Twitter "the bird site" here, can we call Facebook "floating torso world"? ⌘ [Read more](https://front-end.social/@mxbck/109377933394781076) 2022-11-21T08:19:22Z ****
[@mia](https://front-end.social/@mia)[@keithjgrant](https://front-end.social/@keithjgrant) Is there a way to donate to you folks directly to support hosting this instance? I really like it here and would be happy to pitch in. ⌘ [Read more](https://front-end.social/@mxbck/109380813612368449) 2022-11-21T10:27:01Z ****
oof cringe ⌘ [Read more](https://front-end.social/@mxbck/109381315541958191) 2022-11-21T17:43:10Z ****
Getting a new macbook for work (14" M1 Pro). What's a good dotfiles resource? There's so many out there now.

I need a pretty standard modern frontend dev setup: nice terminal, zsh, git, nvm, homebrew, VScode... ⌘ [Read more](https://front-end.social/@mxbck/109383030530556938) 2022-11-22T10:39:32Z ****
Hey Frontend People! [@SaraSoueidan](https://front-end.social/@SaraSoueidan) opened pre-orders for her course "Practical Accessibility" today.

This will undoubtedly be a master class in how to build accessible products, and it's still 25% off!

[https://practical-accessibility.today/](https://practical-accessibility.today/) ⌘ [Read more](https://front-end.social/@mxbck/109387027072513754) 2022-11-22T17:17:10Z ****
I've been doing a lot of DIY handiwork recently involving power tools and wood. I'm not a pro, but it's kinda nice to build something real for once!

Also my tablesaw doesn't need 32 other tools as dependencies 🙃 ⌘ [Read more](https://front-end.social/@mxbck/109388590618981231) 2022-11-22T20:03:42Z ****
Here's an incredible detailled interactive post by Josh Comeau that teaches you why flexbox works the way it does.

A fantastic resource for beginners and pros of CSS:

[https://www.joshwcomeau.com/css/interactive-guide-to-flexbox/](https://www.joshwcomeau.com/css/interactive-guide-to-flexbox/) ⌘ [Read more](https://front-end.social/@mxbck/109389245505061276) 2022-11-23T16:25:51Z ****
So blogs are dead, yeah? Check out ooh.directory, a growing index of blogs about all kinds of things, by [@philgyford](https://mastodon.social/@philgyford)

[https://ooh.directory/](https://ooh.directory/) ⌘ [Read more](https://front-end.social/@mxbck/109394051162492111) 2022-11-25T18:37:10Z ****
I read a lot of "how the end of twitter is changing the web" posts lately and I gotta say I enjoy the change of perspective.

Makes me think of this thing again I wrote a while back about the "Return of the 90s web". Still holds up 😅 [#indieweb](https://front-end.social/tags/indieweb)

[https://mxb.dev/blog/the-return-of-the-90s-web/](https://mxb.dev/blog/the-return-of-the-90s-web/) ⌘ [Read more](https://front-end.social/@mxbck/109405892124837561) 2022-11-27T09:40:11Z ****
If I built my [#eleventy](https://front-end.social/tags/eleventy) website today, I would do CSS/JS processing the way [@pepelsbey](https://mastodon.social/@pepelsbey) describes here. Simple, lightweight, Vanilla-first. 💯

[https://pepelsbey.dev/articles/eleventy-css-js/](https://pepelsbey.dev/articles/eleventy-css-js/) ⌘ [Read more](https://front-end.social/@mxbck/109415105249587110) 2022-11-28T17:45:31Z ****
here's one of the few legitimate usecases for a link without a "href" attribute, spotted on the HTMHell advent calendar by [@matuzo](https://front-end.social/@matuzo).

omitting href makes the element "a placeholder for where a link might otherwise have been placed"

like a link to a blogpost that is not yet released. [#html](https://front-end.social/tags/html) [#a11y](https://front-end.social/tags/a11y)

[https://www.htmhell.dev/adventcalendar/](https://www.htmhell.dev/adventcalendar/) ⌘ [Read more](https://front-end.social/@mxbck/109422675991210292) 2022-11-28T18:30:09Z ****
Why do japanese websites look so different? Here's a really interesting attempt at answering that:

[https://youtu.be/z6ep308goxQ](https://youtu.be/z6ep308goxQ) ⌘ [Read more](https://front-end.social/@mxbck/109422851476956825) 2022-11-29T21:58:10Z ****
oooh this looks nice. warp.dev, a rust-based terminal with AI command search. like Github copilot for the command line!

Maybe I'll finally won't have to google how to unpack a .tar file anymore? 👀

[https://www.warp.dev/](https://www.warp.dev/) ⌘ [Read more](https://front-end.social/@mxbck/109429331777737480) 2022-12-07T10:52:59Z ****
stumbled upon this old post by [@keithjgrant](https://front-end.social/@keithjgrant), and I really like the analogy here:

\> Instead of thinking about constructing a robust system, they focus on only one specific part of the desired result. Instead of asking, “How do I run?”, they ask, “How do I flex my knee?”

[https://keithjgrant.com/posts/2017/04/dont-qwop-your-css/](https://keithjgrant.com/posts/2017/04/dont-qwop-your-css/) ⌘ [Read more](https://front-end.social/@mxbck/109472014607515031) 2022-12-09T18:23:06Z ****
"It all depends on whether the philosophy behind the tool matches your own philosophy. If those philosophies match up, then using the tool will be productive and that tool will act as an amplifier—a bicycle for the mind." 💯 ⌘ [Read more](https://front-end.social/@mxbck/109485109203883100) 2022-12-09T18:19:59Z ****
One reason tailwind feels awkward for many senior developers is that it's an imperative way to write a declarative language.

If you're used to working "with the grain of the web", that clashes with the mental model you have for CSS.

[@adactio](https://mastodon.social/@adactio) , as usual, says it best: [https://adactio.com/journal/18982](https://adactio.com/journal/18982) ⌘ [Read more](https://front-end.social/@mxbck/109485096906093772) 2022-12-10T10:15:23Z ****
I'm trying out Arc to see what all the fuzz is about. So far, I really like it! Feels like the first browser to actually innovate on existing UI patterns.

And the "boost" thing (integrated custom CSS/JS) emphasizes user control, a core feature of the web.

Here's [@chriscoyier](https://front-end.social/@chriscoyier) with a review: [https://chriscoyier.net/?p=7746](https://chriscoyier.net/?p=7746) ⌘ [Read more](https://front-end.social/@mxbck/109488853706417322) 2022-12-10T18:46:01Z ****
Pizza Productivity Hack ⌘ [Read more](https://front-end.social/@mxbck/109490861580477717) 2022-12-11T09:35:59Z ****
Binged through Burton's "Wednesday" on Netflix and I kinda liked it. It's Goth Harry Potter! ⌘ [Read more](https://front-end.social/@mxbck/109494361072133328) 2022-12-13T20:14:52Z ****
The web needs to take itself less seriously. It's barely out of its twenties and suddenly it's all like "I can't make fansites for hippos anymore, I have businesses to run".

[https://mxb.dev/blog/the-whimsical-web/](https://mxb.dev/blog/the-whimsical-web/) ⌘ [Read more](https://front-end.social/@mxbck/109508197904472418) 2022-12-14T13:27:59Z ****
ok this is my christmas jam this year

Kendrick Lamar × Wham - Alright but it's last Christmas

[https://www.youtube.com/watch?v=9RJOwRpbrnE](https://www.youtube.com/watch?v=9RJOwRpbrnE) ⌘ [Read more](https://front-end.social/@mxbck/109512260263585374) 2022-12-16T07:44:31Z ****
lol so that free speech thing is going great over there huh ⌘ [Read more](https://front-end.social/@mxbck/109522234341432023) 2022-12-16T13:00:47Z ****
woah - someone used stable diffusion to create spectrograms (i.e. images of sound).

you can feed it a text prompt like "techno DJ with a country fiddle" and it will GENERATE THAT MUSIC 😱

[https://www.riffusion.com/](https://www.riffusion.com/) ⌘ [Read more](https://front-end.social/@mxbck/109523477975927823) 2022-12-17T12:55:26Z ****
only one more week until you have to fix all of your family's old devices because "it says it wants to update" ⌘ [Read more](https://front-end.social/@mxbck/109529119251131584) 2022-12-18T17:57:05Z ****
Ok this is fucking nuts. Posting a link or username of pretty much any other social media platform will get you banned now? The Internet runs on links! ⌘ [Read more](https://front-end.social/@mxbck/109535967646384086) 2022-12-18T18:05:24Z ****
Even if it's not a URL, the username alone can get you banned. That is ridiculous 🤪 ⌘ [Read more](https://front-end.social/@mxbck/109536000369614104) 2022-12-19T07:24:32Z ****
This could be interesting 👀 ⌘ [Read more](https://front-end.social/@mxbck/109539142676355539) 2022-12-19T12:07:17Z ****
This is fantastic: [@paulrobertlloyd](https://mastodon.social/@paulrobertlloyd) built this comprehensive set of [#IndieWeb](https://front-end.social/tags/IndieWeb) tools to help you post from and to your own website. 💜

Uses MicroPub standard and integrates nicely with static sites!

I'm really excited about this. check it out here:

[https://getindiekit.com](https://getindiekit.com) ⌘ [Read more](https://front-end.social/@mxbck/109540254533285313) 2022-12-19T22:06:45Z ****
POV: it's christmas 1999, you open your present and it's this miracle of technology ⌘ [Read more](https://front-end.social/@mxbck/109542611730884665) 2022-12-21T08:15:14Z ****
It looks like Option 3 (the "Sass-y" way) is the clear winner for proposed CSS nesting.

[@jensimmons](https://front-end.social/@jensimmons) my personal preference would be to make the "&" mandatory for all nested selectors, even if it's a class. get rid of the confusion around when it is necessary.

foo {

& .bar

}

[https://webkit.org/blog/13607/help-choose-from-options-for-css-nesting-syntax/](https://webkit.org/blog/13607/help-choose-from-options-for-css-nesting-syntax/) ⌘ [Read more](https://front-end.social/@mxbck/109550666698676850) 2022-12-21T09:39:19Z ****
nested border radius is hard ⌘ [Read more](https://front-end.social/@mxbck/109550997287507278) 2022-12-21T09:43:47Z ****
sidenote: I love how the "Whats happening?!" reads sarcastically now ⌘ [Read more](https://front-end.social/@mxbck/109551014855574233) 2022-12-24T12:25:44Z ****
'Tis the season to be offline! Happy holidays everyone! 🎅 ⌘ [Read more](https://front-end.social/@mxbck/109568638626002837) 2022-12-27T13:50:00Z ****
anyone have good recommendations for books to read over the holidays? any genre except technical/webdev books is fine 😅 ⌘ [Read more](https://front-end.social/@mxbck/109585956876429090) 2023-01-01T10:26:37Z ****
FYI If your website footer still says copyright 2022 now, legally you don't own it anymore. It's mine now and I'm making it a hippo fanpage ⌘ [Read more](https://front-end.social/@mxbck/109613468689183093) 2023-01-04T09:01:33Z ****
Here's a behind-the-scenes of Adam's new site! He's joined the [#IndieWeb](https://front-end.social/tags/IndieWeb) and has built his own feed (even with multiple personas) 💯

[https://nerdy.dev/new-year-new-site](https://nerdy.dev/new-year-new-site) ⌘ [Read more](https://front-end.social/@mxbck/109630121141714307) 2023-01-04T09:45:54Z ****
brain: hey you should write a blogpost about [thing]

me: yeah but [thing] seems complicated

brain: do it anyway

me: hmm ok how bout I aimlessly fiddle around with the site's code itself tho

brain: you did that already. you need \*content\*

me: how bout a new theme where the cursor is a lobster

brain: \*sigh\* you have that

me: how bout dinosaurs

brain: ...

me: what if fart sound ⌘ [Read more](https://front-end.social/@mxbck/109630295538594492) 2023-01-04T16:14:03Z ****
Bin heute bei [@janboehm](https://edi.social/@janboehm) mit dem RTO Ehrenfeld im Gasometer. Erste Live Show seit langem. Mach Druck Junge! ✊ [#ehrenfeldintergalactic](https://front-end.social/tags/ehrenfeldintergalactic) [#POL1Z1STENS0HN](https://front-end.social/tags/POL1Z1STENS0HN) ⌘ [Read more](https://front-end.social/@mxbck/109631821802780387) 2023-01-06T20:06:38Z ****
Reminder that if you have a blog and also happen to be involved in web development - you are not limited to writing tech posts!

I really love when people write about music, pets, hobbies, DIY projects... Anything other than making rectangles appear on screens!

I want to do that more myself this year. Let's get personal! 💜 ⌘ [Read more](https://front-end.social/@mxbck/109644060950608182) 2023-01-08T18:42:06Z ****
I watched "The World's End" last night, somehow never seen it despite being a big Edgar Wright fan.

Funniest shit I've seen in years! ⌘ [Read more](https://front-end.social/@mxbck/109655053237088180) 2023-01-09T12:28:10Z ****
I love this new thing where people make their websites literally look like a social feed (e.g. [https://nerdy.dev/](https://nerdy.dev/)) and use POSSE/backfeed to bring it into the fediverse.

Need to fight the urge to redesign my site yet again... ⌘ [Read more](https://front-end.social/@mxbck/109659245181853836) 2023-01-09T12:29:37Z ****
the concept isn't "new" of course, but having it look/feel like Twitter might become somewhat of a niche design trend 🙃 ⌘ [Read more](https://front-end.social/@mxbck/109659250868929936) 2023-01-11T18:57:54Z ****
If you're using Mastodon on the web, check out [https://elk.zone](https://elk.zone) \- by far my favorite web client. Very similar to Twitter UI-wise, and lots of other great features. It's still in alpha though, so some things may not be ready yet. ⌘ [Read more](https://front-end.social/@mxbck/109672102273026944) 2023-01-13T10:59:16Z ****
I just tried watching Youtube's "Shorts" for the first time (logged out, fresh browser, no cookies) and got this:

\- hot girl getting pranked

\- a stinger missile getting fired

\- dude dropping an anvil from a big height

\- sketch making fun of climate activists

\- frisbee trick shot

\- Andrew Tate misogynist take

\- messi scoring a goal

\- dude showing a hot girl his Mercedes AMG

so ... is this basically designed to turn 12-year-old boys into giant douchebags? ⌘ [Read more](https://front-end.social/@mxbck/109681544820675939) 2023-01-18T19:29:04Z ****
This post by [@andy](https://bell.bz/@andy) is like the story of the turtle and the hare, except the hare is a massive douchebag

[https://andy-bell.co.uk/front-end-is-so-much-more-than-building-designs/](https://andy-bell.co.uk/front-end-is-so-much-more-than-building-designs/) ⌘ [Read more](https://front-end.social/@mxbck/109711860962271159) 2023-01-18T20:49:05Z ****
Is that the moon from Majora's Mask?

[https://www.nytimes.com/wirecutter/blog/what-are-passkeys-and-how-they-can-replace-passwords/](https://www.nytimes.com/wirecutter/blog/what-are-passkeys-and-how-they-can-replace-passwords/) ⌘ [Read more](https://front-end.social/@mxbck/109712175637780636) 2023-01-20T19:01:42Z ****
Does anyone know of an example CSS architecture (Sass/postcss) that uses CSS layers? Maybe for something like utility classes, etc

I'd be interested to see how it's used in the wild... ⌘ [Read more](https://front-end.social/@mxbck/109723077975333410) 2023-01-21T18:05:40Z ****
In the era before CSS, we styled not the elements, but the energy within ourselves ⌘ [Read more](https://front-end.social/@mxbck/109728519950896795) 2023-01-23T12:41:24Z ****
When you need to layout some boxes real quick in the middle of the night ⌘ [Read more](https://front-end.social/@mxbck/109738569525067985) 2023-01-24T17:22:55Z ****
I have not visited a webdev conference in three years - work and a pandemic got in the way. That's why I'm really excited to change that and go see a bunch of awesome people at CSS Day 2023!

Line-Up looks incredible and I haven't been to Amsterdam in forever. Who's coming? Let's meet!

[https://cssday.nl/2023](https://cssday.nl/2023) ⌘ [Read more](https://front-end.social/@mxbck/109745338826285606) 2023-01-24T17:48:45Z ****
ecsstatic by [@hi\_mayank](https://hachyderm.io/@hi_mayank) looks v interesting. One of my main irks about CSS-in-JS was always how hard it is to just get a friggin static stylesheet out of it. Also, this lets you write regular (S)CSS instead of JS objects!

[https://www.ecsstatic.dev/](https://www.ecsstatic.dev/) ⌘ [Read more](https://front-end.social/@mxbck/109745440399323011) 2023-01-26T17:01:38Z ****
how can anyone be so goddamn lame and still call himself a genius with a straight face ⌘ [Read more](https://front-end.social/@mxbck/109756579733383347) 2023-01-26T17:48:44Z ****
For all my non-austrian friends, "oida" is sort of a catch-all word and can mean almost anything. (In this case "goddamn wifi")

[https://youtu.be/iuXR53ex4iI](https://youtu.be/iuXR53ex4iI) ⌘ [Read more](https://front-end.social/@mxbck/109756764967570668) 2023-01-26T17:47:00Z ****
Today, on a conference call with our clients, my internet connection dropped out. I got disconnected, was very annoyed, then tried to log back in.

I came back to a bunch of very amused Swiss people asking me what had just happened. Apparently even though I saw an error screen on my end, I was still transmitting. So I had just stopped talking mid-sentence, shouted "OIDA" at the camera, then disappeared. 😅 ⌘ [Read more](https://front-end.social/@mxbck/109756758134698989) 2023-01-27T13:46:12Z ****
I can't wait until I can use flex-gap everywhere. currently held up because I need to support Safari 13, but once that's gone - NONSTOP PARTY TOWN ⌘ [Read more](https://front-end.social/@mxbck/109761473557247686) 2023-01-28T09:47:29Z ****
This post makes the common mistake of avoiding JS (generally a good idea) in a way that hurts a11y. The proposed solution is a broken experience for screenreaders and keyboard navigation.

[https://www.pausly.app/blog/accessible-hamburger-buttons-without-javascript](https://www.pausly.app/blog/accessible-hamburger-buttons-without-javascript) 🚫

For a correct implementation, see [https://web.dev/website-navigation/](https://web.dev/website-navigation/) ✅

JavaScript, used sparingly, is \*necessary\* here. Don't try t ... ⌘ [Read more](https://front-end.social/@mxbck/109766197231276798) 2023-01-28T12:05:08Z ****
The earliest roman calendar had only 10 months / 304 days. There's still traces of that in the names today (e.g. DECember used to be the 10th month)

There's a theory that ancient romans just ignored the missing 61 days in the solar year, since they were in the middle of winter.

So effectively January and February were "dead time" were everyone agreed nothing happened - time doesn't exist. Just wait around until the sun comes out again.

That's a concept I could get behind. 👍 ⌘ [Read more](https://front-end.social/@mxbck/109766738444288534) 2023-01-29T09:58:26Z ****
What exactly does a "web3" engineer do that pays $93k ? ⌘ [Read more](https://front-end.social/@mxbck/109771902596445861) 2023-01-30T10:09:40Z ****
✏️ New Post: A few days ago [@matuzo](https://front-end.social/@matuzo) kindly pointed out to me that I haven't been writing a lot lately. I was shocked and launched an immediate investigation.

Here's why I don't write, and why my reasons are probably bullshit.

[https://mxb.dev/blog/seven-reasons-why-i-dont-write/](https://mxb.dev/blog/seven-reasons-why-i-dont-write/) [#writing](https://front-end.social/tags/writing) [#blog](https://front-end.social/tags/blog) [#IndieWeb](https://front-end.social/tags/IndieWeb) ⌘ [Read more](https://front-end.social/@mxbck/109777609080336269) 2023-01-31T07:57:38Z ****
Join the ZOMPSIstack ⌘ [Read more](https://front-end.social/@mxbck/109782752211709500) 2023-01-31T07:56:31Z ****
Techbros will reinvent regular websites and call it "Zero Overhead Multi Page Server Includes as a Service" ⌘ [Read more](https://front-end.social/@mxbck/109782747826330794) 2023-01-31T10:44:25Z ****
RSS Catch of the Day™:

[@fonts](https://sfba.social/@fonts) shows how after years of hacking this sort of stuff, modern CSS and container queries finally gives us truly responsive typography on the web. 🔥

[https://www.robinrendle.com/notes/container-queries-and-typography/](https://www.robinrendle.com/notes/container-queries-and-typography/) ⌘ [Read more](https://front-end.social/@mxbck/109783408014088532) 2023-01-31T12:01:30Z ****
I fell down a youtube rabbit hole of people building a cabin in the woods from scratch. Successfully deluded myself into thinking I could actually pull this off too

[https://www.youtube.com/watch?v=TtcsOnSLLEI](https://www.youtube.com/watch?v=TtcsOnSLLEI) ⌘ [Read more](https://front-end.social/@mxbck/109783711148612428) 2023-02-04T10:40:55Z ****
"everyone who is in the room when a cartel draws up a standard definition of what constitutes a household is almost certainly drawn from a pool that is more likely to have a summer villa than a child doing domestic work or construction labor half a world away." 💯

[https://pluralistic.net/2023/02/02/nonbinary-families/#red-envelopes](https://pluralistic.net/2023/02/02/nonbinary-families/#red-envelopes) ⌘ [Read more](https://front-end.social/@mxbck/109806043474843858) 2023-02-04T12:16:44Z ****
"When you live only in the world of React, you likely only see the improvemens - that perspective shields you from realizing React’s velocity, and its ceiling, have long lagged behind that of its comparable colleagues."

[https://joshcollinsworth.com/blog/self-fulfilling-prophecy-of-react](https://joshcollinsworth.com/blog/self-fulfilling-prophecy-of-react) ⌘ [Read more](https://front-end.social/@mxbck/109806420255730161) 2023-02-04T14:10:24Z ****
Attention cool frontend kids! I want to get started with Svelte(Kit) and ultimately move away from React - what resources are best to jump in? What would you build as a toy project? ⌘ [Read more](https://front-end.social/@mxbck/109806867196473717) 2023-02-06T20:23:05Z ****
Good news people, ChatGPT can't write proper CSS either ⌘ [Read more](https://front-end.social/@mxbck/109819657264295269) 2023-02-10T15:20:42Z ****
Here's [@matuzo](https://front-end.social/@matuzo) with a very insightful and nuanced post about the negative accessibility aspects of most Single-Page-Applications. In a better world, this wouldn't need that much of a disclaimer first, but I think we all know why it's there. Read it! 🔥

[https://www.matuzo.at/blog/2023/single-page-applications-criticism/](https://www.matuzo.at/blog/2023/single-page-applications-criticism/) ⌘ [Read more](https://front-end.social/@mxbck/109841117513368131) 2023-02-12T11:47:03Z ****
It's amazing how many terrible, broken implementations on the web exist because "the standard way doesn't look pretty" ⌘ [Read more](https://front-end.social/@mxbck/109851602043333141) 2023-02-21T10:16:28Z ****
finally, the answer to "how do I center a div"!

❌ write literally 2 lines of CSS

❌ google for one second to find 186 blogposts on how this is solved

✅ ask AI to spit out tailwind code, this is clearly beyond the limits of human comprehension ⌘ [Read more](https://front-end.social/@mxbck/109902206658073495) 2023-03-01T06:58:50Z ****
Container Queries and responsive images are notoriously tricky. Here's [@grigs](https://front-end.social/@grigs) with a great recap of the problem and how JPEG-XL might help:

[https://cloudfour.com/thinks/on-container-queries-responsive-images-and-jpeg-xl/](https://cloudfour.com/thinks/on-container-queries-responsive-images-and-jpeg-xl/) [#css](https://front-end.social/tags/css) ⌘ [Read more](https://front-end.social/@mxbck/109946728012739045) 2023-03-01T20:04:12Z ****
"The more each site tries to create its own little walled garden, the less valuable the open web becomes." 💯

[https://www.theverge.com/2023/2/28/23618804/google-facebook-login-ads-web-design-hell](https://www.theverge.com/2023/2/28/23618804/google-facebook-login-ads-web-design-hell) ⌘ [Read more](https://front-end.social/@mxbck/109949816148805870) 2023-03-04T09:16:04Z ****
Ooh careful, stuff like this got [@matuzo](https://front-end.social/@matuzo) banned from Twitter 😅

[https://benmyers.dev/blog/native-visually-hidden/](https://benmyers.dev/blog/native-visually-hidden/) ⌘ [Read more](https://front-end.social/@mxbck/109964254520747955) 2023-03-06T17:19:07Z ****
"Declarative Design" has a simple core concept: giving up control and embracing the fluid nature of the web. It's the antithesis to imperative step-by-step programming.

Both have their strengths and weaknesses, and I very much agree with [@adactio](https://mastodon.social/@adactio) here when he says the best approach to take on a project depends on the culture and mindset of the people behind it.

Analytical thinking or systems thinking?

Are you an Amadeus Mozart or a Miles Davis?

[https://www.youtube.com/watch?v ... ⌘ [Read more](https://front-end.social/@mxbck/109977478568524003) 2023-03-06T17:33:32Z ****
[@adactio](https://mastodon.social/@adactio) utility class frameworks VS the cascade.

fixed breakpoints VS fluid scales.

hardcoded layouts VS container queries.

The difference in culture/mindset results in all these heated discussions, but ultimately, the medium should inform the approach.

good websites control their experience. great websites pass control to the user instead. 🙃 ⌘ [Read more](https://front-end.social/@mxbck/109977535275723986) 2023-03-07T18:04:28Z ****
I like the new netlify look! I'd say we got about 24 hours until someone builds that animation in CSS ⏱️ ⌘ [Read more](https://front-end.social/@mxbck/109983319228559646) 2023-03-08T09:27:42Z ****
The whole Twitter affair around Halli is so disheartening. Not because of Elon, who sticks to his signature douchebag mix of ignorance and performative cruelty.

But I was \*sure\* that this would be something where everyone agreed it's not tolerable anymore. Instead you get his fanboys cheering in the replies.

Humanity: it's disappointing. ⌘ [Read more](https://front-end.social/@mxbck/109986949506260534) 2023-03-15T10:33:15Z ****
Jon was not prepared ⌘ [Read more](https://front-end.social/@mxbck/110026843470358969) 2023-03-16T16:57:14Z ****
In the middle of relaunching a client website. For some reason, the old site shows a full-page blocking overlay with a giant loading spinner \*anytime\* an API call is made.

Then it re-renders individual components, each with their own tiny little loading animations.

I'm fairly certain that codebase is about 80% spinners and the dev responsible for this has a fetish for them or something ⌘ [Read more](https://front-end.social/@mxbck/110034015676601264) 2023-03-16T17:05:00Z ****
artist rendering ⌘ [Read more](https://front-end.social/@mxbck/110034046178420088) 2023-03-20T18:43:05Z ****
I've seen a lot of "frontend dev will be replaced by AI" takes in the last week. This is A) wrong and B) comes from the tired old stance of "frontend is not real programming".

Personally, I'm not the least bit worried. Good frontend code has to deal with so many messy, unpredictable things. It's a huge interconnected system that is really hard to describe accurately.

Backend code, on the other hand, might be more vulnerable.

Josh has a great new post on all this:

[https://www.joshwcomeau.com/blog/the-end-of-fron ... ⌘ [Read more](https://front-end.social/@mxbck/110057081113929877) 2023-03-28T20:25:25Z ****
What if the real DX was the friends we made along the way ⌘ [Read more](https://front-end.social/@mxbck/110102782001003009) 2023-03-29T17:30:36Z ****
ok maybe more of a short, light drizzle ⌘ [Read more](https://front-end.social/@mxbck/110107756916895807) 2023-03-29T17:29:35Z ****
yo the money I made from web monetization via Coil on my website just came in and now I'm gonna make it raaaaiiiiin 🤑 ⌘ [Read more](https://front-end.social/@mxbck/110107752863229208) 2023-03-31T16:14:58Z ****
[@matuzo](https://front-end.social/@matuzo) new alt persona just dropped

[https://cssday.nl/2023/speakers](https://cssday.nl/2023/speakers) ⌘ [Read more](https://front-end.social/@mxbck/110118784083457512) 2023-03-31T20:39:32Z ****
If we're really in for a floodwave of AI-generated pseudo content, I wonder if that could also spark a counter trend.

In a sea of content made by robots, the only way to stick out would be to produce real, imperfect, human stuff.

Hard to pin down how exactly that could look like. But if it gives people more incentive to get weird, I'm all for it. ⌘ [Read more](https://front-end.social/@mxbck/110119824447546224) 2023-04-02T17:03:31Z ****
🌶️ hot take: we could probably replace ~70 Terabyte of Javascript on the web with simple form submits and users wouldn't mind ⌘ [Read more](https://front-end.social/@mxbck/110130299657939502) 2023-04-14T15:36:26Z ****
"prompt engineering" - what a sad job. So you spend all day trying to figure out the exact sequence of words that will get the computer to do the thing you want lol

Wait

Oh noe ⌘ [Read more](https://front-end.social/@mxbck/110197904924615053) 2023-04-16T06:46:33Z ****
There used to be "break points" in culture, roughly every decade. That doesn't seem to happen anymore.

Interesting read abot the "permanent now" by Paul Skallas.

[https://lindynewsletter.beehiiv.com/p/culture-stuck](https://lindynewsletter.beehiiv.com/p/culture-stuck) ⌘ [Read more](https://front-end.social/@mxbck/110207145962614044) 2023-04-16T17:23:34Z ****
Shoutout to when tech things still had cool names ⌘ [Read more](https://front-end.social/@mxbck/110209650822156448) 2023-04-17T08:56:07Z ****
the only thing keeping me from my usual [#btconf](https://front-end.social/tags/btconf) FOMO today is the thought that I'll see so many cool people at [#cssday](https://front-end.social/tags/cssday) later this year.

until then, enjoy! 💜 ⌘ [Read more](https://front-end.social/@mxbck/110213317773169571) 2023-04-24T15:26:46Z ****
how do you pronounce OKLCH without sounding like groundskeeper willie ⌘ [Read more](https://front-end.social/@mxbck/110254490055325596) 2023-04-24T19:38:54Z ****
oh interesting, you can use your domain as a handle

Right, anyone have an invite for me? 😘

[https://aaronparecki.com/2023/03/07/3/bluesky-custom-domain](https://aaronparecki.com/2023/03/07/3/bluesky-custom-domain) ⌘ [Read more](https://front-end.social/@mxbck/110255481484834414) 2023-05-09T18:17:46Z ****
I've used htmx on a bigger production site in the last months and I'm really excited about it. It gives you all the benefits of a SPA with less of the pain. Feels very much "with the grain of the web", just augmenting what's already there.

Great post by [@quii](https://mastodon.cloud/@quii) here:

[https://quii.dev/HTMX\_is\_the\_Future](https://quii.dev/HTMX_is_the_Future) ⌘ [Read more](https://front-end.social/@mxbck/110340097063519905) 2023-05-10T19:04:38Z ****
every now and then I check the incoming webmentions for my site and find out someone has read one of my posts. it's the IndieWeb high-five and it always makes me smile 🙌 ⌘ [Read more](https://front-end.social/@mxbck/110345943644927109) 2023-05-12T18:30:46Z ****
I hope nobody is expecting me to build in the near future ⌘ [Read more](https://front-end.social/@mxbck/110357135104426755) 2023-05-13T18:45:15Z ****
Looking forward to the ESC madness tonight with [@janboehm](https://edi.social/@janboehm) on FM4! 🇪🇺 [#JanPrixOlliVision](https://front-end.social/tags/JanPrixOlliVision) ⌘ [Read more](https://front-end.social/@mxbck/110362854418004548) 2023-05-13T20:27:58Z ****
Somewhere, somebody has to explain this to an American [#JanPrixOlliVision](https://front-end.social/tags/JanPrixOlliVision) ⌘ [Read more](https://front-end.social/@mxbck/110363258281006010) 2023-05-13T21:09:52Z ****
Best Moment so far. [#eurovision](https://front-end.social/tags/eurovision) [#JanPrixOlliVision](https://front-end.social/tags/JanPrixOlliVision) ⌘ [Read more](https://front-end.social/@mxbck/110363423020723253) 2023-05-17T11:40:17Z ****
🚨 Job Alert!

My team in Vienna is looking for a full-time frontend developer to help us build great websites. Should be based in Austria and have a focus on "the front of the frontend". (HTML, CSS, Javascript)

If that's you - let's talk! 👇 boosts also appreciated 🙃

[https://www.codista.com/en/jobs/frontend-developer/](https://www.codista.com/en/jobs/frontend-developer/) ⌘ [Read more](https://front-end.social/@mxbck/110383832577664007) 2023-05-17T11:46:49Z ****
some key facts:

\- small, dedicated team

\- transparent salary

\- flexible hours

\- office in Vienna, but 100% work-from-home

\- CSS specialists appreciated!

🙌 ⌘ [Read more](https://front-end.social/@mxbck/110383858272425145) 2023-05-18T11:06:44Z ****
That's why we need dedicated CSS-Specialists: to bring all the new goodness into production sites, to inform others of how things can be done now, and to push the language forward! 🚀 3/3 ⌘ [Read more](https://front-end.social/@mxbck/110389363007108773) 2023-05-18T11:06:11Z ****
Unlike with box-shadow, border-radius or gradients before, we don't really see the new stuff anywhere; also because Designers themselves don't know what's possible with things like subgrid or OKLCH. 2/3 ⌘ [Read more](https://front-end.social/@mxbck/110389360808647477) 2023-05-18T11:05:47Z ****
CSS has received some amazing new features in the last year, but most of them are "invisible".

Designers can't really express container queries, @layer or :has in Figma - these are implementation details for the developer to decide... 🧵1/3 ⌘ [Read more](https://front-end.social/@mxbck/110389359232943391) 2023-05-23T16:41:21Z ****
Building something in [@eleventy](https://fosstodon.org/@eleventy) again after lots of React-heavy projects. Feels like having a drink with an old buddy after doing your taxes for a month. 💜 ⌘ [Read more](https://front-end.social/@mxbck/110418990282042002) 2023-05-25T21:55:15Z ****
I'm always building the crappiest support structures for the Hudson sign guy in TotK because I know it only has to hold for a few seconds.

Anyway now I get why people use divs as buttons ⌘ [Read more](https://front-end.social/@mxbck/110431549193743999) 2023-05-26T13:02:22Z ****
I'm working on something with a lot of complex scroll-linked animation ( using GSAP ScrollTrigger). I imagine this time next year, I can probably do these in CSS alone. 🤯

Check out [@bramus](https://front-end.social/@bramus)' excellent demos on scroll-driven animations here (currently only available in Chrome Canary)

[https://scroll-driven-animations.style/](https://scroll-driven-animations.style/) ⌘ [Read more](https://front-end.social/@mxbck/110435116133716632) 2023-05-26T15:41:45Z ****
Arc introduces "boosts" - essentially shareable website customizations, with very mixed reviews:

[https://twitter.com/browsercompany/status/1661724147087450116](https://twitter.com/browsercompany/status/1661724147087450116)

Here's the thing: user stylesheets have been part of the web platform from the very start, and users being in control of their own experience is one of the best features we have.

If you're a designer who's upset about people customizing your work to better fit their needs, you're in the wrong ... ⌘ [Read more](https://front-end.social/@mxbck/110435742846180271) 2023-05-27T16:07:20Z ****
Extremely grown-up wine tasting slash daydrinking at medieval castle ruins today ⌘ [Read more](https://front-end.social/@mxbck/110441505810202038) 2023-06-01T16:24:17Z ****
Can't wait to go to [#CSSDay](https://front-end.social/tags/CSSDay) Amsterdam next week! It's like a CSS Coachella, but with fewer Influencers and a better lineup ⌘ [Read more](https://front-end.social/@mxbck/110469884002074953) 2023-06-01T20:01:17Z ****
I cannot finish a quest in totk without starting 8 others. Again, this feels like web dev to me ⌘ [Read more](https://front-end.social/@mxbck/110470737290099496) 2023-06-04T18:42:02Z ****
Going to Zurich for a few days on business. I hope they have Toblerone ⌘ [Read more](https://front-end.social/@mxbck/110487412544018760) 2023-06-05T08:28:26Z ****
coordinating with the Vienna [#webclerks](https://front-end.social/tags/webclerks) team to meet up again - turns out we're currently in three different countries 🇨🇭🇳🇱🇮🇪

but it's going to happen! ⌘ [Read more](https://front-end.social/@mxbck/110490662100213981) 2023-06-07T12:07:58Z ****
Hello Amsterdam! ⌘ [Read more](https://front-end.social/@mxbck/110502849969264330) 2023-06-08T07:41:08Z ****
10 minutes into [#CSSDay](https://front-end.social/tags/CSSDay) and Una has already shown eight groundbreaking new CSS features that are available. This going to be a fun day ⌘ [Read more](https://front-end.social/@mxbck/110507463020002444) 2023-06-08T08:07:41Z ****
Una: one more thing...

JK there's like 23 other new features lol

[#cssday](https://front-end.social/tags/cssday) ⌘ [Read more](https://front-end.social/@mxbck/110507567426250418) 2023-06-08T10:20:04Z ****
The spoken web is lacking the ability to "style" things the way we can visually. [@tink](https://front-end.social/@tink) shows how the web could sound like, which is a lot better than the boring robot narrators we have today. [#cssday](https://front-end.social/tags/cssday) ⌘ [Read more](https://front-end.social/@mxbck/110508088030358451) 2023-06-08T14:28:07Z ****
Once again [@heydon](https://front-end.social/@heydon) uses his platform to ruin everyone's [#CSSDay](https://front-end.social/tags/CSSDay) with this highly erotic romance novel about utility CSS. Also he talks about scoping or whatever ⌘ [Read more](https://front-end.social/@mxbck/110509063398841969) 2023-06-08T15:22:54Z ****
Now [@sophie](https://social.lol/@sophie) makes the case that building personal websites is a radical act in 2023. Couldn't agree more. [#cssday](https://front-end.social/tags/cssday) ⌘ [Read more](https://front-end.social/@mxbck/110509278782603208) 2023-06-08T20:11:34Z ****
Had a great first [#CSSDay](https://front-end.social/tags/CSSDay)! Was a bit loopy during some of it because of the painkillers I'm taking, but I'll be up and running again tomorrow morning. So much good stuff still ahead! ⌘ [Read more](https://front-end.social/@mxbck/110510413888549309) 2023-06-09T07:42:45Z ****
Kicking things off on [#cssday](https://front-end.social/tags/cssday) 2 is the amazing [@mia](https://front-end.social/@mia) with a little-known feature called "container queries". Apparently it's not possible and is never going to happen. OR SO WE THOUGHT ⌘ [Read more](https://front-end.social/@mxbck/110513131696426869) 2023-06-09T08:39:05Z ****
Dropping this here, my attempt at the question from [#cssday](https://front-end.social/tags/cssday) today "with container queries supported, will we need media queries at all?"

[https://mxb.dev/blog/media-queries-in-times-of-container-queries/](https://mxb.dev/blog/media-queries-in-times-of-container-queries/) ⌘ [Read more](https://front-end.social/@mxbck/110513353234585500) 2023-06-09T09:20:15Z ****
Some of this is outdated though (post is from 2021) and I learned a ton of new things listening to [@mia](https://front-end.social/@mia) today, so you know, your experience may vary 😅 ⌘ [Read more](https://front-end.social/@mxbck/110513515075028864) 2023-06-09T10:06:51Z ****
"Become one with the cascade" in [@5t3ph](https://front-end.social/@5t3ph)'s talk (which seems to be color coordinated with her outfit!). Layers, for example, give us even more fine-grained control over specificity. [#cssday](https://front-end.social/tags/cssday) ⌘ [Read more](https://front-end.social/@mxbck/110513698360911001) 2023-06-09T10:49:12Z ****
A good thing to keep in mind about using :has and container queries (VS manually pre-defining classes/modifiers) is that it makes components more resilient and to adapt to whatever context you put them in, or content you put into them. [#cssday](https://front-end.social/tags/cssday) ⌘ [Read more](https://front-end.social/@mxbck/110513864884971487) 2023-06-09T12:20:51Z ****
Next [@jhey](https://front-end.social/@jhey)'s stuff reminds us that we're using CSS to style rectangles while we could be building f\*\*\*ing optimus prime instead [#cssday](https://front-end.social/tags/cssday) ⌘ [Read more](https://front-end.social/@mxbck/110514225246231772) 2023-06-09T12:40:57Z ****
If you were wondering what the best possible select menu ui is, it's this [#cssday](https://front-end.social/tags/cssday) ⌘ [Read more](https://front-end.social/@mxbck/110514304290993438) 2023-06-09T14:26:00Z ****
[@bramus](https://front-end.social/@bramus) (filling in for jake) shows what's possible with view transitions! Not just in SPAs, but also in multi-page-apps (these are also called "web-sites" apparently) [#cssday](https://front-end.social/tags/cssday) ⌘ [Read more](https://front-end.social/@mxbck/110514717336645118) 2023-06-09T15:27:41Z ****
Shoutout to [@zachleat](https://fediverse.zachleat.com/@zachleat) for co-piloting Manuel's talk today while he's having a pint [#cssday](https://front-end.social/tags/cssday) ⌘ [Read more](https://front-end.social/@mxbck/110514959893517014) 2023-06-09T15:25:55Z ****
Aaaand [@matuzo](https://front-end.social/@matuzo) puts the finishing moves on [#cssday](https://front-end.social/tags/cssday) and sums up the 7384 new features we now have available! ⌘ [Read more](https://front-end.social/@mxbck/110514952930854310) 2023-06-09T15:45:31Z ****
"some of the things we heard [at [#cssday](https://front-end.social/tags/cssday)] have the potential to fundamentially change the way we think about CSS" [@matuzo](https://front-end.social/@matuzo) bang on here 💯 ⌘ [Read more](https://front-end.social/@mxbck/110515030021977189) 2023-06-09T15:54:01Z ****
Ok so is this [@matuzo](https://front-end.social/@matuzo) mofo demoing a brand new convention for using style queries as an API? Whaaaat 🤯 [#cssday](https://front-end.social/tags/cssday) ⌘ [Read more](https://front-end.social/@mxbck/110515063441080304) 2023-06-09T16:12:35Z ****
That's it! A fantastic [#cssday](https://front-end.social/tags/cssday) ends. Going to spend the next few months tinkering with all that cool new stuff. ⌘ [Read more](https://front-end.social/@mxbck/110515136432625475) 2023-06-10T08:57:52Z ****
We haven't really heard about any new CSS features lately, so now [#csscafe](https://front-end.social/tags/csscafe) is taking care of that. Let's go! ⌘ [Read more](https://front-end.social/@mxbck/110519089402773897) 2023-06-10T10:23:00Z ****
Proudly presented by Bitterballen™, the official snack of CSS developers [#csscafe](https://front-end.social/tags/csscafe) [#cssday](https://front-end.social/tags/cssday) ⌘ [Read more](https://front-end.social/@mxbck/110519424134105890) 2023-06-10T18:42:09Z ****
Back in Vienna after three awesome days of CSS in Amsterdam! I have 3 new demos to code, 5 posts to write/update and 67 other things to read up on.

I feel very inspired, but my brain is absolutely cooked. Going to mindlessly stare at dog photos for a few hours now, brb [#cssday](https://front-end.social/tags/cssday) ⌘ [Read more](https://front-end.social/@mxbck/110521386889453397) 2023-06-12T16:16:35Z ****
After learning about view transitions on [#cssday](https://front-end.social/tags/cssday) I wanted to try them on my site, and wow - 5 lines of code already gets me this:

also works in dark (and rainbow) mode! ⌘ [Read more](https://front-end.social/@mxbck/110532139146271926) 2023-06-12T16:22:42Z ****
obviously this is not perfect yet, and a bit too aggressive for my taste. but hoo boooooy was that easy! If folks build SPAs just to get something like this - that won't be a reason for long anymore. ⌘ [Read more](https://front-end.social/@mxbck/110532163160499996) 2023-06-15T13:08:19Z ****
totk is a metaphor for web development because we keep building zonaite-powered grenade launchers when a rock on a stick would do the job

Welcome to my TED talk ⌘ [Read more](https://front-end.social/@mxbck/110548385763931675) 2023-06-15T13:18:14Z ****
also Koroks are Users; they just want to find their friends and we subject them to horrible experiences to extract seeds ⌘ [Read more](https://front-end.social/@mxbck/110548424784410293) 2023-06-16T18:29:22Z ****
[@mia](https://front-end.social/@mia) hey just FYI I've fixed some of the mobile width issues on that CQ demo. Sorry it took me \*[checks notes] \*2 years!\* \*😅

[https://codepen.io/mxbck/pen/XWMrMOp](https://codepen.io/mxbck/pen/XWMrMOp) ⌘ [Read more](https://front-end.social/@mxbck/110555310512866015) 2023-06-16T18:32:06Z ****
[@mia](https://front-end.social/@mia) also this could be \*so\* \*much\* cooler now with :has and style queries and all that goodness, but it appears I have to do "client work" now instead of playing with CSS, which is ...not my preference ⌘ [Read more](https://front-end.social/@mxbck/110555321225261704) 2023-06-28T17:21:38Z ****
TIL about the "image-set" function in CSS. It's like the element for background images, if you e.g. want to provide an optimized format to browsers that understand it.

Support is not great (Safari only gets this in v17), but it can be used with a fallback!

👉 [https://developer.mozilla.org/en-US/docs/Web/CSS/image/image-set](https://developer.mozilla.org/en-US/docs/Web/CSS/image/image-set) ⌘ [Read more](https://front-end.social/@mxbck/110622991883375769) 2023-07-05T18:42:53Z ****
I've spent the last few days debugging weird