Saron Yitbarek

You're not old, you're ✨classic✨🥰

Wow, so cool

Oo, I like this read better

::target-text: An easy way to style text fragments You’re reading a great blog post.

Trying something new, a little bite-size post for you.

This one's about ::target-text and styling text fragments ❤️

webkit.org/blog/17628/t...

Anyway, entering sales person mode: I will be posting the details of it here once the sale is live, but if you'd like to make sure you don't miss it, signing up for my newsletter is the best way!

📨 kevinpowell.co/newsletter

(yes, my page needs a redesign)

Grid: how grid-template-areas offer a visual solution for your code Using grid lines is a flexible and powerful way to place your elements on a grid, but, when looking at the code, it might be a bit hard to visualize.

Followed up my post on Grid with a review of grid-template-areas. Short, sweet, and hopefully helpful 🤗 webkit.org/blog/17620/g...

For two of my closest friends, I've had a standing weekly video call for the last ten years (separately, not all three of us). In the early years, it helped establish our new friendships and that was how we got close. We talk in between calls too, but it's really helpful just putting it in the cal

What are everyone's thoughts on WebKit's `<input type=checkbox switch>` control? Is it something you want other browsers to ship?

HUGE congrats Joseph!

The Layout Maestro An interactive course focused on how to think, build, and test a layout with real-world examples.

I’m working on a CSS course: The Layout Maestro.

👉 Sign up for updates: layoutmaestro.ishadeed.com

📓 Read the note: ishadeed.com/note/layout-...

Ex-Masonry Display Type Keyword Poll See https://github.com/w3c/csswg-drafts/issues/12022 for context. This poll intentionally leaves out `masonry` as an option, see https://github.com/w3c/csswg-drafts/issues/12022#issuecomment-34172962...

There's a new #CSS Working Group poll to get feedback on different names for the infamous 'Pinterest' layout.

- Since it uses many of the grid-* properties, `grid` will be in the name somewhere
- We don't use metaphors in CSS names, so `masonry` is not listed here

docs.google.com/forms/d/e/1F...

totally right, tysm!

Got thoughts about Web Push? So many web developers talked about it for years… and now I hear nothing.

Are you using Web Push?

Have you learned about Declarative Web Push?

Screenshot of the dashboard. The overall interop test pass rate is 84%. Chrome Canary has a 94. Edge Dev 94. Firefox Nightly 92. And Safari Technology Preview 98.

Interop 2025 is looking good!

just added the MEGA TERMINAL CHEAT SHEET from "The Secret Rules of the Terminal" to our list of posters at wizardzines.com#posters

So happy to be in a relationship where I jokingly complained about not getting hit on in Florence, and my husband responded in a genuinely empathetic, “Yea babe, that sucks” 😂😂😂

Largest Contentful Paint (from Core Web Vitals) is now available in Safari Technology Preview.

webkit.org/blog/17504/r...

It's so random! But then again, people always think she's a boy, maybe this is what people are saying to her??

Haha haven't unlocked that one yet, I'm sure it'll get here soon 😅

Awwww that's cute!

My toddler has taken to referring to me and her father as "little boy".

Her: Can you get me an apple please little boyyyyyyyyy?

I ... don't know how to feel about this.

🙏🏾 Thank you! It's what I see in my head and I find it really useful :)

CSS Grid: A helpful mental model and the power of grid lines Grid is a powerful, flexible tool that brings complex layouts to life.

Was surprised to see that, even though CSS Grid isn't a new feature, it's still high on the list of things devs find confusing, so wrote a post about it.

I focus on a new mental model I think is helpful. Let me know what you think!

webkit.org/blog/17474/c...

Awesome, good to know! Thanks for that feedback :)

I just learned web fonts have been supported for Initial Letter since Safari 18.4+. (Still prefixed, but before you couldn’t use a web font.)

Yay!!!

Have you used initial letter in CSS? Do you want to?

Position-area: Clear and explicit or short and sweet? When I first learned anchor positioning, I built a demo to help me figure out how it all worked.

Anchor Positioning has a way to declare where the item appears. Use the `position-area` property with pre-named areas! @saron.bsky.social realized maybe some of the names are confusing. Read more & help decide — should the names be changed?

webkit.org/blog/17417/p...

What do you think??

A new one for CSS-TRICKS!!!

Position-area: Clear and explicit or short and sweet? When I first learned anchor positioning, I built a demo to help me figure out how it all worked.

Wrote up a short post on a new position-area value we're considering, and would love to hear your thoughts on it.

Which option do you prefer?

webkit.org/blog/17417/p...

Because the future looks annoying as hell 😭

Omg my daughter just got to her multiple “why” phase. She generally stops at three but I can see where it’s going and I’m getting concerned 😅