Web Development Reading List #185: Safari 11, New Edge Build, Chrome 59, And CSS Optimization Insights

This week was full of great browser vendor news: Safari 11 was announced with long-awaited features such as WebRTC and tracking protection, and a new Edge build with new CSS features is now available, too. But the past few days also had some valuable articles up their sleeves: about implementing HTTP/2 push, using datetime-local, and slimming down your CSS, for example. I collected everything in this reading list for you, so you don’t miss out on anything. Enjoy!

Further Reading on SmashingMag: Link

News Link

  • With Microsoft’s Edge build 162155 available now, the browser finally supports object-fit and object-position6 as well as position: fixed7. Additionally, passive and once event listeners are now supported, too, and the developer tools also got some improvements.
  • In an attempt to prevent privacy violations by advertisers, Apple’s Safari browser will soon come with Intelligent Tracking Prevention built in8. It’s a machine-learning-driven algorithm that auto-deletes tracking cookies and other data. And to make it even cooler, the learning algorithm will run on your local device, not in the cloud.
  • This week, Chrome 599 was released. It brings headless Chrome and native notifications for macOS.
  • Yep, Safari 1110 was announced at WWDC this week, and it’ll bring some nifty features to users in fall this year. And for us developers, there’s a lot of good stuff coming up, too: WebRTC, Website Snapshots, WebAssembly, drag and drop on iOS, and home screen apps running on the same, latest WebKit as Safari apps, for example. As for APIs, we can look forward to Media Capture, WebCrypto, and Resource Timing APIs. Variable fonts and stroke will also be supported, and developer tools will get an update, too.
  • Safari’s Technology Preview 3211 brings a lot of the announced features of the upcoming Safari 11 to developers already today, including WebRTC support12, WebAssembly, and auto-play prevention.
New Chrome notifications on macOS13
With the new Chrome 59, Chrome notifications on macOS will finally use the native notification system14. And they’ll respect “Do not disturb” settings, too. (Image credit15)

Tools & Workflows Link

  • Wes Bos has a clever git trick16 for you: Use git checkout - to quickly jump back to your last git branch.

Security Link

  • Egor Homakov published SecureLogin17, an open-source18 authentication implementation that wants to be convenient, secure, and independent of social media services. A promising technology.

Web Performance Link

How HTTP/2 push works20
HTTP/2 push is promising but not free of pitfalls. Jake Archibald takes a closer look21. (Image credit22)


CSS/Sass Link

Work & Life Link

Going Beyond… Link

  • When it comes to phones and other small devices, it’s possible to demand users to exchange their hardware from time to time. But now that cars are getting smarter and Internet-driven software will control them in the future, it’s time to ask how this will affect our safety and security26.

Thanks for reading this. If you like it, consider supporting my work27.


Footnotes Link

  1. 1 https://www.smashingmagazine.com/2016/02/getting-ready-for-http2/
  2. 2 https://www.smashingmagazine.com/2017/04/guide-http2-server-push/
  3. 3 https://www.smashingmagazine.com/2016/06/the-current-state-of-authentication-we-have-a-password-problem/
  4. 4 https://www.smashingmagazine.com/2012/10/why-coding-style-matters/
  5. 5 https://developer.microsoft.com/en-us/microsoft-edge/platform/changelog/desktop/16215/
  6. 6 https://wpdev.uservoice.com/forums/257854-microsoft-edge-developer/suggestions/6263790-object-fit-and-object-position
  7. 7 https://wpdev.uservoice.com/forums/257854-microsoft-edge-developer/suggestions/6263621-position-sticky
  8. 8 https://webkit.org/blog/7675/intelligent-tracking-prevention/
  9. 9 https://developers.google.com/web/updates/2017/05/nic59
  10. 10 https://developer.apple.com/library/content/releasenotes/General/WhatsNewInSafari/Safari_11_0/Safari_11_0.html
  11. 11 https://webkit.org/blog/7627/safari-technology-preview-32/
  12. 12 https://webkit.org/blog/7726/announcing-webrtc-and-media-capture/
  13. 13 https://developers.google.com/web/updates/2017/05/nic59
  14. 14 https://developers.google.com/web/updates/2017/05/nic59
  15. 15 https://developers.google.com/web/updates/2017/05/nic59
  16. 16 https://mobile.twitter.com/wesbos/status/872521465417039872
  17. 17 https://medium.com/@homakov/securelogin-forget-about-passwords-c1bf7b47f698
  18. 18 https://github.com/sakurity/securelogin
  19. 19 https://jakearchibald.com/2017/h2-push-tougher-than-i-thought/
  20. 20 https://jakearchibald.com/2017/h2-push-tougher-than-i-thought/
  21. 21 https://jakearchibald.com/2017/h2-push-tougher-than-i-thought/
  22. 22 https://jakearchibald.com/2017/h2-push-tougher-than-i-thought/
  23. 23 https://medium.com/@WebReflection/using-the-input-datetime-local-9503e7efdce
  24. 24 https://meiert.com/en/blog/20170531/70-percent-css-repetition/
  25. 25 https://aeon.co/essays/what-if-jobs-are-not-the-solution-but-the-problem
  26. 26 https://www.lightbluetouchpaper.org/2017/06/01/when-safety-and-security-become-one/
  27. 27 https://wdrl.info/donate

↑ Back to topTweet itShare on Facebook


Cyborg Checkout


Cart empty