@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.

davatron5000, to random
@davatron5000@mastodon.social avatar
@layer reset, theme, global, layout, components, utilities, states;  

💡🧠 This CSS Layer setup from @5t3ph is very nice and makes me want to redo my entire CSS organization.

Lots more good ideas around modern CSS architecture in this post too.

https://moderncss.dev/modern-css-for-dynamic-component-based-architecture/

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

@davatron5000 Thanks, Dave! Looking forward to hearing about how it works out for ya 😊

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

I'm so grateful for the opportunity to have spoken at ! It was incredible to meet folks IRL 🥰

If you watched it, can you let me know a) live or the stream, and b) how you felt about my slides format?

Thanks!

ICYMI - the latest ModernCSS.dev post includes the demos

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

@mia Thanks! Streaming shortly to go over the setup 👀

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

@jpzwarte Awesome, thanks! 💫

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

@nilsbinder Thanks, Nils, I really appreciate the feedback!

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

@5t3ph As promised, I’m CSSing you a Style Stage with scroll-timeline in the train home! 😎 🙌💖

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

@michelle yesssssss 💜

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

📝 New Post: Modern CSS For Dynamic Component-Based Architecture

All the words and demos from my talk!

https://moderncss.dev/modern-css-for-dynamic-component-based-architecture/

matthiasott, (edited ) to random
@matthiasott@mastodon.social avatar

Day two of is already going strong with seminal (!) talks by @mia and @5t3ph. CSS in 2023 is truly mind-blowing! 🤯🎉🤗
Make sure to watch their talks!

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

@matthiasott Are you here or livestream??

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

Here are my slides from

Thanks for sticking with me to the end! 😅

https://5t3ph.dev/cssday23

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

Two of my css heros on stage together at - @5t3ph and @michelle - excited to finally meet you both, and see you in action! 🥰

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

@mia @michelle NO YOU!

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

Let's goooo !

@mia @michelle

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

Words cannot express how lonely I am. 😔

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

@zachleat @matuzo I tried to be your proxy but Manuel wasn't having it. Maybe if I clone myself 10 times...

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

@zachleat @matuzo Indeed I did! That’s my whole justification! 😅😅😅

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

AHHH Day starts tomorrow!! 🎉😍

I'm so excited to meet fellow CSS nerds! 🥰

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

locals - what should we see, and what is ok to skip while we're there for day this week?

hi_mayank, to random
@hi_mayank@hachyderm.io avatar

<style scoped> is back! life-changing shit

https://groups.google.com/a/chromium.org/g/blink-dev/c/OEfGbd74QnQ

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

@hi_mayank excuse me, what 🤯

so if you want "web components" but w/o shadow dom, you could do this if style scoping was your main goal. right?!

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

📣 This is a call to all web educators to collectively socialize the terms "inline" and "block".

If you're not ready to flip over to using logical properties, that's fine, but these terms still need to become the norm so that in a few years, the association has been established for folks.

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

Has anyone done fun things with container queries and has() in ? Seems like there might be interesting tricks in there?

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

@mia stay tuned 😉

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

gonna get the smallest bit spicy in tomorrow's newsletter 🌶️

https://moderncss.dev/newsletter

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

Me, in the past, with more time to make a presentation: uses keynote

Me, running up against the deadline to finish a presentation: makes my own presentation framework

zachleat, to random
@zachleat@zachleat.com avatar
  1. 👏 Hire someone that’s good at HTML and CSS to build components independent of JS frameworks 👏
  2. Plug components into a JS framework and layer on behavior later
  3. Pay HTML/CSS devs what they deserve for giving part of your code-base longer shelf life than unpasteurized milk
5t3ph,
@5t3ph@front-end.social avatar

@zachleat yes pleeeasseeeee

It's past time to value and promote IC who are uniquely skilled at this.

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

Today is US Mother's Day, and I just wanted to say to all the that I see you trying to keep up and the sacrifices of your sleep and already small energy reserve towards learning and side projects.

Sending you motivation for when you need it and encouraging you to rest, too! 💜

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

What trips you up about custom properties?

And - are you using them:

a) not at all

b) sometimes

c) most of the time

d) absolutely every project

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

If your framework doesn't include file-based routing as a first-class feature, I don't want it 🙅‍♀️

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

@seldo Spent 10 years with it 🥰

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