Rob Meijer

@SoVeryBritish ... a bear shitting in the woods?

Apparently this phrase ends differently depending on where you’re from, so… finish this phrase: “What’s that got to do with the price of _______?”

@KevinJPowell I didn't realise I wasn't following you over there yet. Fixed it!

One thing I noticed here on Twitter was how my engagement had slowly been dropping in the last 6-months. Earlier today, I cross-posted something here and on Bluesky. My audience there is 40x here... same engagement.

@juxtopposed This made me laugh for a solid minute. It's so stupid. I love it

@jones06022825 @BungleGoat @TychoBrahe In South Africa, we called them stiffy disks or stiffies.

@BungleGoat @TychoBrahe you know what always bothered me is why 3.5's were called floppy disks when they weren't but 5.25's were literally floppy.

😍

@orask If you ever have the opportunity, I highly recommend checking out Google Earth in VR. Seeing everything at scale, it's almost like being there.

The Google Maps 3D Immersive view is impressive!

@holman Reported. I'm in this tweet and I don't like it.

i've been programming for like 25 years but it still never ceases to surprise me how i can bang my head on the wall with a problem for a few hours, give up, go to sleep, and first thing in the morning a one line change fixes everything

@ShawnMcCool Oh wow, I distinctly remember this article and how super controversial it was at the time. Can't believe it's been 12 years.

For context, the original article. web.archive.org/web/2012121304… Sort of a blast from the past.

People didn't want to hear that CodeIgniter's days were numbered.

@elibelly I don't think it's just you. At least on the web client, they are also now capitalizing the Online status.

did WhatsApp capitalize the first letter of its typing indicator recently or has it always been like that?

@SoVeryBritish Walkie-talkie

What’s the silliest word in the English language?

@afilina I made the way from table layouts to floats to flexbox, and yeah I fully agree. There's never been a better time to learn HTML and CSS. I like writing code that makes semantic sense, and not having to constantly try and trick various browsers to display things how I want.

I think that Flexbox is one the best thing that happened to the web. When adding it to legacy UIs, I remove more than half of the markup without increasing CSS. HTML becomes human-readable. It's not new, but I started with HTML 3, so I keep marvelling at how far we've come.

@ShawnMcCool I only played the demo, and it was good fun. The story and characters feel mostly forgettable, but I'm a fan of Metroidvanias, and the combat is decent too.

New Prince of Persia installed.. let's go!

@shanselman And Guest Books

Let's bring back Web Rings

@weaverryan That's weird, I was certain I tried it without and it didn't work. But glad it's working now

Yup, this did it! You can actually do it without the apply - backdrop:backdrop-blur-sm on the dialog. The reason it wasn't working before was the other change you made. Using backdrop:opacity-80 made the blur NOT work. backdrop:bg-opacity-80 fixed that. Thanks! I'll add a note in the tutorial

The <dialog> element + plain HTML + Tailwind CSS. I LOVE this. The JS is maybe 10 lines of code.

@weaverryan What this means is that you no longer need to apply the "blur-sm" class in your JS file. The dialog::backdrop will just always have it.

@weaverryan Got it working. To use Tailwind, apply it in your CSS using the @ apply directive and targeting the ::backdrop pseudo-element. Also update your component and use "backdrop:bg-opacity-80" instead of "backdrop:opacity-80". Check out gist.github.com/robmeijer/d82d…

@weaverryan I'll have a play with it and see what I can figure out!

@robmeijerdev Having suggestions for improvements (that can then be shared) is exactly why I love building all of this publicly. But, I can't seem to make this work. It's Tailwind, but I (in the dev tools) added the blur(3px) explicitly on the ::backdrop. But no change. Do you spot anything?

@weaverryan FYI I was able to apply the blur by targeting the ::backdrop pseudo element and styling it with "backdrop-filter: blur(3px)". The result is pretty much the same, but not sure how you would do this with Tailwind.

@weaverryan YES! I recently rebuilt a website, and wanted to replace Bootstrap with vanilla CSS. Got to use the <dialog> element for the first time, replacing Bootstrap's handy modals, and it was a lot less effort than I expected.

@shanselman "Best"

Today in unhinged emails from randos who think my podcast is AI

🚨 PRO subscription giveaway 🚨 We're so excited to restart new challenge launches. To celebrate, we're giving away 3 free one-month PRO subscriptions!! 🎁🤗 To enter: 1️⃣ Follow @frontendmentor 2️⃣ Repost this message Good luck! 🍀 We'll draw the winners in 24 hours 🥳