Thomas Steiner (@tomayac)

Now at @tomayac@toot.cafe

The below is an off-site archive of all tweets posted by @tomayac ever

February 17th, 2021

RT @argyleink: Blog post is live as well, in case YouTube isn’t your preferred way to digest this stuff!

https://t.co/6V8gqi4C2K https://t…

via Echofon

@MicrosoftEdge I don’t seem to have the feature. I tried on macOS with the latest Canary. I’m physically in Germany, but Edge is set to en-US. 🤔 I also didn’t see a flag in edge://flags to force-enable this mode. What’s the trick?

via Twitter Web App in reply to MicrosoftEdge

@henrylim96 @kennethrohde @rob_dodson @samthor Yes, this is an anti pattern indeed.

via Twitter Web App

@henrylim96 @rob_dodson I can reproduce this now 100%. Any zoom level >100% causes the issue. It’s exclusive to iOS Safari. @samthor may be able to look into this.

via Twitter Web App

RT @shadeed9: ✍️ Understanding Z-Index in CSS

A visual guide on how z-index and stacking contexts work in CSS. I hope you will learn at le…

via Echofon

Oh, interesting. Microsoft is exploring a Kids Mode 💧💦 for its ⁦@MicrosoftEdge⁩ browser. https://t.co/Qxh6Q6HiQv

via Twitter for iPhone

The new `aspect-ratio` CSS property is animatable as of Chrome 90. ⤵️ https://t.co/TfdPkOTt0H

via Echofon

@samthor Which is indeed spec’ed: https://t.co/SrOY20Ixnu

But again, my point was for client-side validation that typically involves JavaScript. The coupon code use case remains, just `trim()` server- and client-side before validating (or make your patte

via Twitter Web App

@samthor You got me curious: interestingly regular text input fields are left as-is, whereas email input fields get trimmed: both name and email had a leading and a trailing space, this is where I ended up at: https://t.co/P9IW5TCGUf

via Twitter Web App

@samthor To clarify, this is mostly for client-side validation.

via Twitter for iPhone in reply to samthor

🔢 PSA: If you have form fields where trailing/leading spaces don’t matter, just trim the value instead of failing:

Email: [confused@example.com ]
❌ No such user.

Coupon: [ sUp3r5eCreT]
❌ Coupon code invalid.

`HTMLInputElement.value.trim()` ✅

via Twitter Web App

“Netscape wanted to be a platform for ‘network-centric apps,’ with its browser as the ‘universal client.’ Microsoft still wanted to promote Windows-centric apps—although it had conceded that the Internet must be integrated into the system.”â

via Twitter for iPhone

RT @smashingmag: 🔥 Everything DevTools (Chrome, Firefox, Edge), with obscure panels and time-saving keyboard shortcuts.

— Triple Panes Vie…

via Echofon

RT @Uppercod: I just finished a small landing for Atomico made with @atomicojs #webcomponents and the performance is amazing⚡ https://t.co/…

via Echofon