@5t3ph@front-end.social avatar

5t3ph

@5t3ph@front-end.social

(she/her) ✨ a11y • CSS • HTML • 11ty • Design Systems

This profile is from a federated server and may be incomplete. Browse more on the original instance.

5t3ph, to random
@5t3ph@front-end.social avatar

Workshop seemed to be an overall success

So I took myself on a wine and cheese canal cruise, which was equally successful 🤭

5t3ph, to random
@5t3ph@front-end.social avatar

In a twist no one saw coming, today I going to (attempt to) teach some folks some JavaScript

(Specifically how to use it for accessible custom interactive components)

5t3ph, to random
@5t3ph@front-end.social avatar

Article mentioned by @kizu from @nilsbinder about responsive SVGs, highly recommend!!

https://12daysofweb.dev/2023/responsive-svgs/

5t3ph, to random
@5t3ph@front-end.social avatar

Feeling pressure to add some new things to SmolCSS.dev 😅 #cssday

Thanks for the s/o from @kevinpowell and @kizu 💜

5t3ph, to random
@5t3ph@front-end.social avatar

My article backlog is certainly growing thanks to #CSSday 😅

5t3ph, to random
@5t3ph@front-end.social avatar

If you're looking for a modern day CSS Zen Garden, I take submmissions on StyleStage.dev ✨

I'd love to see some fresh explorations using view transitions, scroll timelines, anchor positioning, :has, and more!

#cssday

5t3ph, to random
@5t3ph@front-end.social avatar

I love #CSSday for the opportunity to nerd out on breaks about popovers, top layer, anchor positioning, and accessibility ✨

5t3ph, to random
@5t3ph@front-end.social avatar

If you're at #cssday find me for stickers!

I think I'm one of the few purple shirts today 😊

5t3ph, to random
@5t3ph@front-end.social avatar

It begins! #cssday

mia, to random
@mia@front-end.social avatar

Heading to Amsterdam. I wonder if there will be anyone else there, maybe for a conference or something? You never know.

It would be impossible to predict. 🤷🏻‍♀️

#cssday

5t3ph,
@5t3ph@front-end.social avatar

@mia LET'S GET READY TO RUMBLE!

5t3ph, to random
@5t3ph@front-end.social avatar

Woof, just worked on a tooltip solution using the majority of @codingchaos guidance in https://sarahmhigley.com/writing/tooltips-in-wcag-21/

I have a running tally of times I've swatted down actually using tooltips at work, but it was a useful exercise to progressively enhance a vanilla JS solution up to using popover and anchor positioning.

Plus I'll be sharing it at my workshop this week ✨

5t3ph, to CSS
@5t3ph@front-end.social avatar

Beware of dragons at the spicy edges of modern #CSS.

Familiarize yourself with "invalid at computed value time" and make use of support queries!

If using partially supported features, mix with caution and don't slip on browser testing or assume your browserslist-reliant tooling is sufficient.

mayank, to random
@mayank@front-end.social avatar

TIL iOS Safari doesn't respect the system-wide font-size preference.

there is a per-site slider but it's more akin to page zoom than font size.

in other words, using rem and em units has no effect in iOS by default. it does not scale with user's base font size and behaves identically to px.

(thanks to @ben for testing)

5t3ph,
@5t3ph@front-end.social avatar

@mayank

@pixelambacht here is the iOS font issue I mentioned at cssday

ben, to random
@ben@a11y.info avatar

Do we do changelogs for blog redesigns? If not, we do now:

benmyers.dev v3, now with:

  • More polish
  • Dark mode (user-toggleable!)
  • Even more purple 💜

I'd love it if you gave it a look and let me know what you think!
https://benmyers.dev/

5t3ph,
@5t3ph@front-end.social avatar

@ben 🔥🎉💜

5t3ph, to CSS
@5t3ph@front-end.social avatar

Soooo... who is attending #CSS Day, the Accessibility Club Summit, or both?

5t3ph,
@5t3ph@front-end.social avatar

@rowdy woohoo, awesome!🎉

5t3ph, to accessibility
@5t3ph@front-end.social avatar

Hey friends - when do you recommend use of a roving tab index? When do you say proceed with caution, and when is definitely not appropriate?

Having some discussions where the sentiment from others is it can be "an accelerator" for getting though a "collection" but I'm not finding evidence for that recommendation vs allowing normal tab behavior outside of tabs or custom radio-type groups.

(Not so secretly hoping this nerd-snipes some of you into a blog post 👀)

5t3ph, to CSS
@5t3ph@front-end.social avatar

After a 2-month hiatus (bloops) the Modern CSS newsletter will be dropping an epic issue tomorrow 👀

If you haven't kept on the latest in #CSS news lately, this is the issue to watch out for!

https://moderncss.dev/newsletter

5t3ph, to random
@5t3ph@front-end.social avatar

Not loving the way "Tornado Alley" has suddenly decided to live up to its name 😬

I've lived in Nebraska my whole life and prior to the past few weeks the closest I'd been in range of a tornado was ~10 miles. A couple weeks ago an EF-3 (borderline 4) rampaged just 20 blocks away. And there's more to come 😫

5t3ph, to random
@5t3ph@front-end.social avatar

Itching to write a new post, just have to prioritize...

zachleat, to random
@zachleat@zachleat.com avatar

Tornados have interrupted @eleventy Merch Bundle packing operations! 🌪️🫣

5t3ph,
@5t3ph@front-end.social avatar

@zachleat it was 20 blocks from us 😫

5t3ph, to random
@5t3ph@front-end.social avatar

Still have some of these stickers for folks at #frontendconf

d, to random

@5t3ph loved loved loved your talk today!

5t3ph,
@5t3ph@front-end.social avatar

@d thanks, glad to hear it!

scottjehl, to random
@scottjehl@mstdn.social avatar

Friday at 8PM is a great time to soft-launch a thing right? 🥳

This something I intend to make! I'm excited. It'll mainly be about Web Components, but in the context of building resilient, fast, accessible websites. A holistic take!

I'm planning a different approach for it, using a presale (soon) to gauge interest and shape the scope of what I end up making. I'll appreciate some help making noise about it soon, but for now it's a coming soon page and email collector :)

https://scottjehl.com/learn/webcomponentsdemystified/

5t3ph,
@5t3ph@front-end.social avatar

@scottjehl 👀

cobra_winfrey, to random

getting amped for the return of Front End Design Conf, just polished off perhaps the most ridiculous demo I've built yet - if any of y'all are there please say hello and heckle me incessantly

5t3ph,
@5t3ph@front-end.social avatar

@cobra_winfrey Likewise! 🙌

  • All
  • Subscribed
  • Moderated
  • Favorites
  • provamag3
  • InstantRegret
  • mdbf
  • ethstaker
  • magazineikmin
  • GTA5RPClips
  • rosin
  • thenastyranch
  • Youngstown
  • osvaldo12
  • slotface
  • khanakhh
  • kavyap
  • DreamBathrooms
  • JUstTest
  • Durango
  • everett
  • cisconetworking
  • Leos
  • normalnudes
  • cubers
  • modclub
  • ngwrru68w68
  • tacticalgear
  • megavids
  • anitta
  • tester
  • lostlight
  • All magazines