@jensimmons@front-end.social avatar

jensimmons

@jensimmons@front-end.social

 Apple Evangelist on the Web Developer Experience team for Safari & https://front-end.social/@webkit. Member of CSS Working Group. Formerly Firefox. #longCOVID since March 2020. #pwME

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

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

Did you know the W3C published Ethical Principles for how the web should work?

https://www.w3.org/TR/ethical-web-principles/

I find them so inspiring. And they guide what developers should be doing, too.

“The web should empower an equitable, informed and interconnected society. It has been, and should continue to be, designed to enable communication and knowledge-sharing for everyone… we need to consider the ethical implications of our work when we build web technologies, applications, and sites.”

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

Dear people who make websites,

Do you ever block your users from being able to paste into a text field?

Why?

Do you need this ability for a good reason? What’s that reason?

Or, as a user, would you like to see it go away? Perhaps you encounter sites that prevent you from pasting your super complex password from your password manager into a password field, and wonder why they can do so?

What might be the downside of removing support of disallowing pasting from the web?

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

I’m seeing a concerning trend of webpages that are designed for dark mode only. They present light-text-on-a-dark-background all the time. There is no light mode. No respecting the user’s preference.

I literally cannot read white text on dark backgrounds. At least not more than a few words worth. It’s weird to slowly have more and more of the web become unusable to me.

Do better.

It’s super easy to provide both. We should all provide both.

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

I can't remember the last time a new HTML element came along. Yesterday, <search> shipped in Safari 17.0 (the first browser with support).

You can start using it to build websites TODAY, even when most of your users still don't have support. We explain why & how at the beginning of this article: https://webkit.org/blog/14445/webkit-features-in-safari-17-0/

&lt;search role="search"&gt;  
 &lt;form action="/search"&gt;  
 &lt;p&gt;&lt;input type="search" name="q"&gt; &lt;input type="submit" value="Search!"&gt;&lt;/p&gt;   
 &lt;/form&gt;  
&lt;/search&gt;
jensimmons, to random
@jensimmons@front-end.social avatar

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.

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

Are you interested in Masonry layout?? Graphic design on the web?

We just published a 4,000 word blog post investigating the current stage of the Grid Level 3 specification and all the amazing things you can do with it: https://webkit.org/blog/15269/help-us-invent-masonry-layouts-for-css-grid-level-3/

If you design or build websites, please read and chime in with your thoughts.

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

Yes, you heard that right. Web apps on Mac, from Safari. Any website can be added to your Dock, and opened as a web app. Web app developers can customize their web app with a web manifest file and more — just like for web apps on iOS and iPadOS. Stay tuned for all the details later this week.

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

Safari 17.0 is here!

https://webkit.org/blog/14445/webkit-features-in-safari-17-0/

jensimmons, to CSS
@jensimmons@front-end.social avatar

Dear people who make websites,

Now that Safari 17.4 is available, what other new web technology — HTML, CSS, JS, Web API, media support, etc — would you like to see supported in Safari next?

What’s most needed?
What will you use it for?
Or how will it help your team serve your users?
Tell me a story…

#css #html #javascript #web #webdevelopment

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

CSS Nesting!

About that requirement for a &amp; or other symbol... it’s no more. Learn all about it.

AND help us make one final decision about the syntax, by reading example options, and taking a one question survey.

https://webkit.org/blog/14571/css-nesting-and-the-cascade/

jensimmons, (edited ) to random
@jensimmons@front-end.social avatar

My team is hiring a Web Developer Relations intern for next summer. If you are attending a college or university to get a bachelor’s degree, master’s degree, or doctorate and you have a passion for the web — you could come work with us!

If you teach college, please pass this along to your most fabulous web design/development students who have an enthusiasm for empowering others.

For lots more information:

https://www.linkedin.com/posts/jensimmons_careers-at-apple-join-us-as-a-student-or-activity-7137424654117335040-EuE0

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

Want to join my team and make tools for web developers?

https://jobs.apple.com/en-us/details/200482392/web-developer-tools-engineer

jensimmons, (edited ) to random
@jensimmons@front-end.social avatar

This is eating at me! Safari Technology Preview is at 95.99% on Interop 2023. Really? That doesn't get rounded up to 96? So close!

Also, yay for interoperability! Firefox has reached 93.1%! Chrome 97.3%!

And the overall interop score is now 89.3%! Which is great, since it started at 48.7% (stable).

Less than 50% of these tests were passing in all browsers a year ago, now almost 90% are. And we still have a bit of time left in the year...

https://wpt.fyi/interop-2023

jensimmons, (edited ) to random
@jensimmons@front-end.social avatar

Safari 17.0 for Mac is here!
https://webkit.org/blog/14445/webkit-features-in-safari-17-0/

Have you updated yet? You can, even if you are not ready for macOS Sonoma.

If you are running macOS Ventura or macOS Monterey, you can update Safari by going to Software Update and clicking “More info”. On macOS Ventura, that’s  > System Settings > General > Software Update > More info, and choose to update Safari.

There are massive updates to our developer tools, plus Web Apps on macOS Sonoma!

jensimmons, (edited ) to random
@jensimmons@front-end.social avatar

Check out what’s coming next… in Safari 17.2 beta.

• Fullscreen API on iPhone
• updates to CSS Motion Path and Masking
• cap, rcap, rex, ric & rch units
• CSS Highlight API
• name attribute in &lt;details&gt; element
• import attributes
• WebCodecs HEVC
• preloading responsive images
• Fetch Priority
• login cookies copied over when saving website to Home Screen on iOS and iPadOS (just like macOS)
• blob partitioning

And much more!

https://developer.apple.com/documentation/safari-release-notes/safari-17_2-release-notes

jensimmons, (edited ) to random
@jensimmons@front-end.social avatar

Safari Technology Preview 185 now supports WebGPU! It enables high-performance 3D graphics and general-purpose computations on the Web. Turn on the feature flag, and try it out.

https://webkit.org/blog/14879/webgpu-now-available-for-testing-in-safari-technology-preview/

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

I am so incredibly excited for all of you who make websites and web apps to see over the next five days what we’ve made for you. My colleagues and I have been working very hard. I’m so tired! And yet, so very excited.

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

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)

jensimmons, (edited ) to random
@jensimmons@front-end.social avatar

Safari 17.5 is out today! With
• text-wrap: balance and text-wrap: stable
• light-dark()
• @​starting-style
• @​import &lt;url&gt; supports(&lt;feature&gt;);
• AV1 for WebCodecs
• WebGL EXT_conservative_depth and NV_shader_noperspective_interpolation
and more!

https://webkit.org/blog/15383/webkit-features-in-safari-17-5/

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

Interop 2024 is here!!

https://webkit.org/blog/14955/the-web-just-gets-better-with-interop/

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

If you want to know which web technologies are part of Interop 2024, this is the place to get in-depth explanations.

Learn what the technology in each focus area does, and what benefit Interop 2024 will bring.

https://webkit.org/blog/14955/the-web-just-gets-better-with-interop/#the-2024-focus-areas

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

Have you seen what’s in Safari 17.5 beta?

  • light-dark() color function (for a far easier way to define two colors at once — one for light mode & one for dark, instead of using a media query)
  • text-wrap: balance (along with the text-wrap-style longhand & theauto value)
  • @​starting-style
  • supports() syntax for @​import rules

And more: https://developer.apple.com/documentation/safari-release-notes/safari-17_5-release-notes

jensimmons,
@jensimmons@front-end.social avatar

I used the light-dark function quite a lot in recent demos. It makes implementing dark mode so easy!

Drop this in your base styles:

:root {  
 color-scheme: light dark;  
}

Then, any time you define a color, do it like this…. to assign the first color to light mode, and the second to the dark mode.

color: light-dark(#000, #fff);  
background-color: light-dark(#fff, #999);

This will save you from writing lots of conditional code inside prefers-color-scheme media queries.

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

Check out what's in Safari Technology Preview 179, out today. Includes:

  • new relaxed parsing behavior for CSS Nesting
  • mask-border
  • cap, rcap, rex, ric, and rch units
  • &lt;position&gt; and coord-box parameters in ray()
  • offset-position: normal; circle() and ellipse(); xywh() shape
  • WebRTC HEVC RFC 7789 RTP Payload Format
  • SVG &lt;image crossorigin&gt;
  • window.clientInformation in terms of window.navigator
  • and more!

https://webkit.org/blog/14532/release-notes-for-safari-technology-preview-179/

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

I find it impossibly challenging to know how to live in a world surrounded by people who show me everyday by their actions that they want me dead.

You do not care. You have no moral compass.

I know you will kill me or leave me severely disabled if I let you. If I weren’t already resisting with everything I’ve got it would already be happening. Especially this week in Spain at

Fuck all of you who have such little regard for other people’s lives. You do not have the right to eliminate me.

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