Saron Yitbarek
@saron.bsky.social
Web evangelist at Apple , founder CodeNewbie (acquired), developer, creator, chief baker of the Try Bakery (located in my kitchen ❤️)
Reposted by Saron Yitbarek
I’m working on a CSS course: The Layout Maestro.
👉 Sign up for updates: layoutmaestro.ishadeed.com
📓 Read the note: ishadeed.com/note/layout-...
👉 Sign up for updates: layoutmaestro.ishadeed.com
📓 Read the note: ishadeed.com/note/layout-...
The Layout Maestro
An interactive course focused on how to think, build, and test a layout with real-world examples.
layoutmaestro.ishadeed.com
May 25, 2025 at 6:38 AM
I’m working on a CSS course: The Layout Maestro.
👉 Sign up for updates: layoutmaestro.ishadeed.com
📓 Read the note: ishadeed.com/note/layout-...
👉 Sign up for updates: layoutmaestro.ishadeed.com
📓 Read the note: ishadeed.com/note/layout-...
Reposted by Saron Yitbarek
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...
- 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...
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...
docs.google.com
October 27, 2025 at 7:53 PM
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...
- 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...
Reposted by Saron Yitbarek
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?
Are you using Web Push?
Have you learned about Declarative Web Push?
October 22, 2025 at 10:33 PM
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?
Are you using Web Push?
Have you learned about Declarative Web Push?
Reposted by Saron Yitbarek
Interop 2025 is looking good!
October 20, 2025 at 7:53 PM
Interop 2025 is looking good!
Reposted by Saron Yitbarek
just added the MEGA TERMINAL CHEAT SHEET from "The Secret Rules of the Terminal" to our list of posters at wizardzines.com#posters
October 20, 2025 at 3:22 PM
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” 😂😂😂
October 16, 2025 at 11:43 PM
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” 😂😂😂
Reposted by Saron Yitbarek
Largest Contentful Paint (from Core Web Vitals) is now available in Safari Technology Preview.
webkit.org/blog/17504/r...
webkit.org/blog/17504/r...
Release Notes for Safari Technology Preview 230
Safari Technology Preview Release 230 is now available for download for macOS Tahoe and macOS Sequoia.
webkit.org
October 16, 2025 at 8:53 PM
Largest Contentful Paint (from Core Web Vitals) is now available in Safari Technology Preview.
webkit.org/blog/17504/r...
webkit.org/blog/17504/r...
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.
Her: Can you get me an apple please little boyyyyyyyyy?
I ... don't know how to feel about this.
October 10, 2025 at 6:00 AM
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.
Her: Can you get me an apple please little boyyyyyyyyy?
I ... don't know how to feel about this.
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...
I focus on a new mental model I think is helpful. Let me know what you think!
webkit.org/blog/17474/c...
CSS Grid: A helpful mental model and the power of grid lines
Grid is a powerful, flexible tool that brings complex layouts to life.
webkit.org
October 10, 2025 at 1:16 AM
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...
I focus on a new mental model I think is helpful. Let me know what you think!
webkit.org/blog/17474/c...
Reposted by Saron Yitbarek
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?
Yay!!!
Have you used initial letter in CSS? Do you want to?
September 30, 2025 at 8:22 PM
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?
Yay!!!
Have you used initial letter in CSS? Do you want to?
Reposted by Saron Yitbarek
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??
webkit.org/blog/17417/p...
What do you think??
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.
webkit.org
September 30, 2025 at 6:11 PM
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??
webkit.org/blog/17417/p...
What do you think??
Reposted by Saron Yitbarek
A new one for CSS-TRICKS!!!
Safari 26 introduces a lot of new stuff. To be precise, it adds: 75 new features, 3 deprecations, and 171 other improvements.
Here's all the CSS goodness you'll want to know about, courtesy of @monknow.bsky.social.
css-tricks.com/touring-new-...
Here's all the CSS goodness you'll want to know about, courtesy of @monknow.bsky.social.
css-tricks.com/touring-new-...
Touring New CSS Features in Safari 26 | CSS-Tricks
Safari 26 adds:75 new features, 3 deprecations, and 171 other improvements. Here's all the CSS goodness you'll want to know about.
css-tricks.com
September 30, 2025 at 4:01 PM
A new one for CSS-TRICKS!!!
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...
Which option do you prefer?
webkit.org/blog/17417/p...
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.
webkit.org
September 29, 2025 at 6:47 PM
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...
Which option do you prefer?
webkit.org/blog/17417/p...
Raising a human is easily the most confusing, challenging, and interesting project I’ve ever taken on. And it lasts at least 18 years! 😅
September 25, 2025 at 8:22 PM
Raising a human is easily the most confusing, challenging, and interesting project I’ve ever taken on. And it lasts at least 18 years! 😅
Reposted by Saron Yitbarek
This year, the State of JS survey is coming early!
Go take it now! survey.devographics.com/en-US/survey...
Go take it now! survey.devographics.com/en-US/survey...
State of JavaScript 2025
Take the State of JavaScript survey
survey.devographics.com
September 24, 2025 at 6:58 AM
This year, the State of JS survey is coming early!
Go take it now! survey.devographics.com/en-US/survey...
Go take it now! survey.devographics.com/en-US/survey...
Masonry updates and open issues. We're actively looking for web developer feedback on two key things we're deciding on and we'd love to hear from you.
Comment, file an issue, or just post below 👇🏾
www.w3.org/blog/CSS/202...
Comment, file an issue, or just post below 👇🏾
www.w3.org/blog/CSS/202...
CSS WG Blog – Masonry Spec Update and Open Issues
www.w3.org
September 23, 2025 at 8:18 PM
Masonry updates and open issues. We're actively looking for web developer feedback on two key things we're deciding on and we'd love to hear from you.
Comment, file an issue, or just post below 👇🏾
www.w3.org/blog/CSS/202...
Comment, file an issue, or just post below 👇🏾
www.w3.org/blog/CSS/202...
I remember when I was in the depths of my depression, I couldn't wait to go to sleep so the pain could go away and the day would be over. These days, I hate going to bed because I want the day to keep going. So grateful for the progress I've made in my mental health. What a journey.
September 23, 2025 at 7:40 AM
I remember when I was in the depths of my depression, I couldn't wait to go to sleep so the pain could go away and the day would be over. These days, I hate going to bed because I want the day to keep going. So grateful for the progress I've made in my mental health. What a journey.
Finally joined mastodon! See you there? front-end.social/@saron
Saron (@[email protected])
0 Posts, 34 Following, 0 Followers · Web technologies evangelist at , 2x founder, developer, ex-podcaster, habesha (she/her)
front-end.social
September 23, 2025 at 7:09 AM
Finally joined mastodon! See you there? front-end.social/@saron
After a million years of playing basketball and working out, I'm still shocked at how much better I feel and how much energy I have after exercising.
September 22, 2025 at 9:59 PM
After a million years of playing basketball and working out, I'm still shocked at how much better I feel and how much energy I have after exercising.
Man, there is so much to do around the house before bed. Time for an audiobook!
September 22, 2025 at 4:24 AM
Man, there is so much to do around the house before bed. Time for an audiobook!
*toddler looking distant and kinda sad*
Me: You ok?
Toddler: Yea
Me: What do you need?
Toddler: I need Starbucks
😂😂😂
Me: You ok?
Toddler: Yea
Me: What do you need?
Toddler: I need Starbucks
😂😂😂
September 21, 2025 at 10:13 PM
*toddler looking distant and kinda sad*
Me: You ok?
Toddler: Yea
Me: What do you need?
Toddler: I need Starbucks
😂😂😂
Me: You ok?
Toddler: Yea
Me: What do you need?
Toddler: I need Starbucks
😂😂😂
Just vented to ChatGPT about this and it explained the disconnect I'm experiencing so well:
"The key gap is this: for you, education = survival + freedom. For them (other parents), education = inevitable, so let’s focus on the “softer” stuff."
I think that's it.
"The key gap is this: for you, education = survival + freedom. For them (other parents), education = inevitable, so let’s focus on the “softer” stuff."
I think that's it.
One of the things that surprised me most about being a parent is how little other parents care about education and learning, especially at the toddler age. They talk a ton about emotional regulation and social skills, but I never hear anyone mention learning, education, or development milestones.
September 21, 2025 at 7:43 AM
Just vented to ChatGPT about this and it explained the disconnect I'm experiencing so well:
"The key gap is this: for you, education = survival + freedom. For them (other parents), education = inevitable, so let’s focus on the “softer” stuff."
I think that's it.
"The key gap is this: for you, education = survival + freedom. For them (other parents), education = inevitable, so let’s focus on the “softer” stuff."
I think that's it.
This is a @robfrelow.bsky.social appreciation post. I can't believe how lucky I got finding my husband on match.com sixteen years ago in the first week I started online dating. Man did I hit the jackpot on that one. So grateful to be on this journey with you ❤️
September 21, 2025 at 6:33 AM
This is a @robfrelow.bsky.social appreciation post. I can't believe how lucky I got finding my husband on match.com sixteen years ago in the first week I started online dating. Man did I hit the jackpot on that one. So grateful to be on this journey with you ❤️
One of the things that surprised me most about being a parent is how little other parents care about education and learning, especially at the toddler age. They talk a ton about emotional regulation and social skills, but I never hear anyone mention learning, education, or development milestones.
September 21, 2025 at 5:42 AM
One of the things that surprised me most about being a parent is how little other parents care about education and learning, especially at the toddler age. They talk a ton about emotional regulation and social skills, but I never hear anyone mention learning, education, or development milestones.
Wrote a little thing about subgrid that I hope you find helpful. Short and sweet, with nice, clean code 🥰 webkit.org/blog/17339/s...
Subgrid: how to line up elements to your heart’s content
When Grid became widely available across browsers in 2017, it was an absolute game changer.
webkit.org
September 16, 2025 at 11:20 PM
Wrote a little thing about subgrid that I hope you find helpful. Short and sweet, with nice, clean code 🥰 webkit.org/blog/17339/s...