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
- Getting Ready For HTTP/2: A Guide For Web Designers And Developers1
- A Comprehensive Guide To HTTP/2 Server Push2
- The Current State Of Authentication: We Have A Password Problem3
- Why Coding Style Matters4
- With Microsoft’s Edge build 162155 available now, the browser finally supports
object-position6 as well as
position: fixed7. Additionally,
onceevent 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
strokewill 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.
Tools & Workflows Link
- Wes Bos has a clever git trick16 for you: Use
git checkout -to quickly jump back to your last git branch.
- 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
- Jake Archibald shares his experience with implementing HTTP/2 push19 and why it’s tougher as we might think.
HTML & SVG Link
- Jens Oliver Meiert conducted a study to find out how often we repeat declarations in our style sheets24. The result: in 70% of cases. An article with great insights into how we can do better when optimizing CSS.
Work & Life Link
- “Economists believe in full employment. Americans think that work builds character. But what if jobs aren’t working anymore25?”
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.
- 1 https://www.smashingmagazine.com/2016/02/getting-ready-for-http2/
- 2 https://www.smashingmagazine.com/2017/04/guide-http2-server-push/
- 3 https://www.smashingmagazine.com/2016/06/the-current-state-of-authentication-we-have-a-password-problem/
- 4 https://www.smashingmagazine.com/2012/10/why-coding-style-matters/
- 5 https://developer.microsoft.com/en-us/microsoft-edge/platform/changelog/desktop/16215/
- 6 https://wpdev.uservoice.com/forums/257854-microsoft-edge-developer/suggestions/6263790-object-fit-and-object-position
- 7 https://wpdev.uservoice.com/forums/257854-microsoft-edge-developer/suggestions/6263621-position-sticky
- 8 https://webkit.org/blog/7675/intelligent-tracking-prevention/
- 9 https://developers.google.com/web/updates/2017/05/nic59
- 10 https://developer.apple.com/library/content/releasenotes/General/WhatsNewInSafari/Safari_11_0/Safari_11_0.html
- 11 https://webkit.org/blog/7627/safari-technology-preview-32/
- 12 https://webkit.org/blog/7726/announcing-webrtc-and-media-capture/
- 13 https://developers.google.com/web/updates/2017/05/nic59
- 14 https://developers.google.com/web/updates/2017/05/nic59
- 15 https://developers.google.com/web/updates/2017/05/nic59
- 16 https://mobile.twitter.com/wesbos/status/872521465417039872
- 17 https://medium.com/@homakov/securelogin-forget-about-passwords-c1bf7b47f698
- 18 https://github.com/sakurity/securelogin
- 19 https://jakearchibald.com/2017/h2-push-tougher-than-i-thought/
- 20 https://jakearchibald.com/2017/h2-push-tougher-than-i-thought/
- 21 https://jakearchibald.com/2017/h2-push-tougher-than-i-thought/
- 22 https://jakearchibald.com/2017/h2-push-tougher-than-i-thought/
- 23 https://medium.com/@WebReflection/using-the-input-datetime-local-9503e7efdce
- 24 https://meiert.com/en/blog/20170531/70-percent-css-repetition/
- 25 https://aeon.co/essays/what-if-jobs-are-not-the-solution-but-the-problem
- 26 https://www.lightbluetouchpaper.org/2017/06/01/when-safety-and-security-become-one/
- 27 https://wdrl.info/donate