Jen Simmons / is on Nostr

 Apple Evangelist on the Web Developer Experience team for Safari & WebKit (npub1k5x…df3x). Member of CSS Working Group. Formerly Firefox. #longCOVID since March 2020. #pwME

Verified with: https://fedified.com/@jensimmons
Github: https://github.com/jensimmons
CodePen: https://codepen.io/jensimmons

Last Notes

2024-07-08 21:53:04

Have you ever looked up support for the stuff you can define in a Web App Manifest file, and been disappointed to see lots of ¯\_(ツ)_/¯ for whether or not a specific Member is supported in Safari?
Well, now all the data is present & up to date on MDN:
https://developer.mozilla.org/en-US/docs/Web/Manifest#browser_compatibility
Thanks https://mastodon.social/@nicholaswon!
This also means Can I Use has better results — no more grey boxes for Safari. For example:
https://cdn.masto.host/frontendsocial/media_attachments/files/112/753/025/959/855/438/original/3d818bf90bed91aa.png

2024-07-05 20:09:59

Dear web designers and developers who write CSS,
Is there anything you wish you could do to style a `<button>` or `<input type=button>` that you cannot easily do today in CSS???

2024-06-23 15:30:50

If you have experience designing and/or coding typography in CSS for the web, what do you find most annoying? What’s hard to do? What’s impossible?

2024-06-23 15:30:50

If you have experience designing and/or coding typography in CSS for the web, what do you find most annoying? What’s hard to do? What’s impossible?

2024-06-21 17:11:45

It’s time for me to ask again:
Web designers, developers and others who make websites,
What features would you like to see added to the web next? What do you want to be able to do/design that you can’t do today?
What features do you need added to or fixed in Safari? What’s most important to you? Why / what will you use it for / why does it matter for your audience?

2024-06-13 23:55:05

A mask ban will ban me completely from indoor public life.
I’ve already been pushed most of the way out of society. I cannot believe people are legislating pushing people like me all the way out. Oh, wait, yes I can. This is what the last 2.8 years have been like. Watching everyone around me deciding one by one they would rather banish me from society than be even the slightest bit inconvenienced. Letting me know their feelings are far more important than my life.
https://med-mastodon.com/@luckytran/112611073769629423

2024-06-04 22:05:38

If you notice a website that seems broken in Safari, but not in other browsers, please file a report at https://webcompat.com.

2024-05-20 19:51:06

Are you a man who works in tech, writing code for a living? Do you work with women who do the same? Then you absolutely are at high risk of always assuming their code isn’t good enough… that you know more than they do, even when it’s their area of experience, even when they have years more experience than you do. Unless you are working to explicitly remove the sexism assumptions our society has drilled into you, you are also being sexist. That’s how culture works.
Please stop. Be introspective.

2024-05-14 18:51:46

For those of you who make a PWA / Home Screen web app, do you use Fullscreen API inside your web app? Do you need it??
Or as a general web developer, how do you like Fullscreen API?? Do you wish it were different / better?

2024-03-30 00:34:43

- reply

While every other layout method lasted seven years before being replaces, we are not going to replace CSS Grid.
We’ll improve and expand Grid. Grid level 2 brought us Subgrid. Grid level 3 is being worked on to allow column-only grids (without lining things up in rows) (aka, Masonry). And there are lots of ideas for Grid level 4.
Plus, of course, other tools are great too: Flexbox, flow layout, floats, intrinsic sizing, etc…
But CSS Grid is our dominate layout system and it’s here to stay!

2024-03-30 00:32:13

This week marked the 7 year anniversary of the fourth browser shipping CSS Grid.
Can you believe it’s been SEVEN years!?
How long where other methods the dominate best practice?
- HTML tables = 7 years
- Fixed-width layouts with CSS = 7 years
- Responsive layouts with floats & media queries = 7 years
WOW, so... if you aren’t using CSS Grid for most of your layouts, why not?
(I counted years when I made this timeline in 2018, at https://youtu.be/jBwBACbRuGY?t=1400)
https://cdn.masto.host/frontendsocial/media_attachments/files/112/181/810/632/168/312/original/30d44b52bdccd4fb.png

2024-03-05 19:42:42

What do you think about `align-content` finally being available everywhere?!?
You don’t have to use Flexbox or Grid. Apply where you are using Flow content (block layout), or inside Table cells…
`/* one-line vertical centering */`
`div { align-content: center; }`
https://webkit.org/blog/15063/webkit-features-in-safari-17-4/#align-content-everywhere