Wes Bos & Scott Tolinski - Full Stack JavaScrip...

Zpravodajství

Technologické zprávy

Technika

725: Safari is the New Chrome - Jen Simmons of Apple

Syntax - Tasty Web Development Treats

Full Stack Developers Wes Bos and Scott Tolinski dive deep into web development topics, explaining how they work and talking about their own experiences. They cover from JavaScript frameworks like React, to the latest advancements in CSS to simplifying web tooling.

Wes and Scott talk with Jen Simmons about the latest updates to Safari, reporting bugs to Apple, understanding color in CSS, new CSS switch controls, and testing your websites in Vision Pro hardware. <h3 class="code-line" data-line-start="2" data-line-end="3"><a id= "Show_Notes_2"></a>Show Notes</h3> <ul> <li class="has-line-data" data-line-start="4" data-line-end="5"> <a href="#t=00:30">00:30</a> Welcome to Syntax! </li> <li class="has-line-data" data-line-start="5" data-line-end="6"> <a href="#t=01:26">01:26</a> Sponsor: Sentry </li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <a href="#t=01:53">01:53</a> Who is Jen Simmons? </li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <a href="#t=04:07">04:07</a> Safari has been killing it lately </li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <a href="#t=11:07">11:07</a> Wes’ cOnSpirACy about Apple and APIs </li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <a href="#t=18:49">18:49</a> Where is the best place to report bugs to Apple? </li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <a href="#t=21:11">21:11</a> What’s happening with CSS Color gamuts and models? </li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <a href="#t=34:32">34:32</a> Is contrast color ever going to to land? </li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <a href="#t=36:55">36:55</a> Where is the CSS Grid and Masonry proposal at? </li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <a href="#t=44:44">44:44</a> Will we be able to target a specific row in a grid? </li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <a href="#t=46:41">46:41</a> What are CSS switch controls? </li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <a href="#t=49:00">49:00</a> How can web devs view their websites in Vision Pro devices? </li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <a href="#t=54:55">54:55</a> In what ways are HTML / CSS / JavaScript running where we don’t realize it? </li> <li class="has-line-data" data-line-start="17" data-line-end="19"> <a href="#t=59:06">59:06</a> Sick Picks </li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <a href="https://bugs.webkit.org/">Bugs.Webkit.org</a> </li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <a href="https://webcompat.com/">Web Compat</a> </li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <a href="https://feedbackassistant.apple.com/">Feedback Assistant at Apple</a> </li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <a href="https://developer.apple.com/wwdc23/sessions/">Sessions - WWDC23 - Apple Developer</a> </li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <a href="https://www.apple.com/apple-vision-pro/">Apple Vision Pro</a> </li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <a href= "https://developer.apple.com/documentation/xcode/running-your-app-in-simulator-or-on-a-device"> Running your app in Simulator or on a device</a> </li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <a href= "https://developer.apple.com/documentation/safari-release-notes">Safari Release Notes</a> </li> <li class="has-line-data" data-line-start="26" data-line-end="27"> <a href= "https://webkit.org/blog/14445/webkit-features-in-safari-17-0/">WebKit Features in Safari 17.0</a> </li> <li class="has-line-data" data-line-start="27" data-line-end="28"> <a href= "https://webkit.org/blog/14735/webkit-features-in-safari-17-1/">WebKit Features in Safari 17.1</a> </li> <li class="has-line-data" data-line-start="28" data-line-end="29"> <a href= "https://webkit.org/blog/14787/webkit-features-in-safari-17-2/">WebKit Features in Safari 17.2</a> </li> <li class="has-line-data" data-line-start="29" data-line-end="30"> <a href="http://webkit.org/">webkit.org</a> </li> <li class="has-line-data" data-line-start="30" data-line-end="31"> <a href="https://webkit.org/standards-positions/">Webkit Standards Positions</a> </li> <li class="has-line-data" data-line-start="31" data-line-end="32"> <a href= "https://developer.apple.com/safari/technology-preview/">Safari Technology Preview</a> </li> <li class="has-line-data" data-line-start="32" data-line-end="33"> <a href= "https://developer.apple.com/documentation/safari-technology-preview-release-notes"> Safari Technology Preview Release Notes</a> </li> <li class="has-line-data" data-line-start="33" data-line-end="34"> <a href= "https://developer.apple.com/videos/play/wwdc2023/10121">What’s new in CSS at WWDC23</a> </li> <li class="has-line-data" data-line-start="34" data-line-end="35"> <a href= "https://developer.apple.com/videos/play/wwdc2023/10262">Rediscover Safari developer features at WWDC23</a> </li> <li class="has-line-data" data-line-start="35" data-line-end="36"> <a href= "https://developer.apple.com/videos/play/wwdc2023/10120">What’s new in Web Apps at WWDC23</a> </li> <li class="has-line-data" data-line-start="36" data-line-end="38"> <a href= "https://developer.apple.com/videos/play/wwdc2023/10279">Meet Safari for spatial computing at WWDC23</a> </li> </ul> <h3 class="code-line" data-line-start="38" data-line-end="39"> <a id="Sick_Picks_38"></a>Sick Picks</h3> <h3 class="code-line" data-line-start="40" data-line-end="41"> <a id="Shameless_Plugs_40"></a>Shameless Plugs</h3> <ul> <li class="has-line-data" data-line-start="42" data-line-end="44"> Guest:</li> </ul> <h3 class="code-line" data-line-start="44" data-line-end="45"> <a id="Hit_us_up_on_Socials_44"></a>Hit us up on Socials!</h3> Syntax: <a href="https://twitter.com/syntaxfm">X</a> <a href= "https://www.instagram.com/syntax_fm/">Instagram</a> <a href= "https://www.tiktok.com/@syntaxfm">Tiktok</a> <a href= "https://www.linkedin.com/company/96077407/admin/feed/posts/">LinkedIn</a> <a href="https://www.threads.net/@syntax_fm">Threads</a> Wes: <a href="https://twitter.com/wesbos">X</a> <a href= "https://www.instagram.com/wesbos/">Instagram</a> <a href= "https://www.tiktok.com/@wesbos">Tiktok</a> <a href= "https://www.linkedin.com/in/wesbos/">LinkedIn</a> <a href= "https://www.threads.net/@wesbos">Threads</a> Scott:<a href="https://twitter.com/stolinski">X</a> <a href= "https://www.instagram.com/stolinski/">Instagram</a> <a href= "https://www.tiktok.com/@stolinski">Tiktok</a> <a href= "https://www.linkedin.com/in/stolinski/">LinkedIn</a> <a href= "https://www.threads.net/@stolinski">Threads</a>

Wes and Scott talk with Jen Simmons about the latest updates to Safari, reporting bugs to Apple, understanding color in CSS, new CSS switch controls, and testing your websites in Vision Pro hardware.
 Show Notes  00:00 Welcome to Syntax!
 00:03 Brought to you by Sentry.io

 01:05 Meet Jen Simmons.
 03:15 Safari has been killing it lately
 Safari Release Notes

 WebKit Features in Safari 17.0

 WebKit Features in Safari 17.1

 WebKit Features in Safari 17.2

 10:25 Wes’ cOnSpirACy about Apple and APIs
 18:18 Where is the best place to report bugs to Apple?
 Bugs.Webkit.org

 Jen on Mastodon

 Web Compat

 20:35 What’s happening with CSS Color gamuts and models?
 33:57 Is contrast color ever going to to land?
 36:25 Where is the CSS Grid and Masonry proposal at?
 44:20 Will we be able to target a specific row in a grid?
 46:17 What are CSS switch controls?
 48:44 How can web devs view their websites in Vision Pro devices?
 Apple Vision Pro

  Running your app in Simulator or on a device

 54:26 In what ways are HTML / CSS / JavaScript running where we don’t realize it?
 58:43 Sick Picks
  Sick Picks  Jen: Walking.
  Shameless Plugs  Jen: webkit.org X

  Feedback Assistant at Apple

 Sessions - WWDC23 - Apple Developer

 Webkit Standards Positions

 Safari Technology Preview

  Safari Technology Preview Release Notes

 What’s new in CSS at WWDC23

 Rediscover Safari developer features at WWDC23

 What’s new in Web Apps at WWDC23

 Meet Safari for spatial computing at WWDC23

  Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads
 Wes: X Instagram Tiktok LinkedIn Threads
 Scott:X Instagram Tiktok LinkedIn Threads

Aplikace Youradio Talk

725: Safari is the New Chrome - Jen Simmons of Apple

Poslechněte si podcast