Web Development Reading List #176: Safari 10.1, Prompt()-Deprecation, And Professional Pride

What a busy week! To stay on top of things, let’s review what happened in the web development world the last few days — from browser vendors pushing new updates and building new JavaScript guidelines and security standards to why we as web professionals need to review our professional pride. How can we properly revoke certificates in browsers, for example? And how can we build accessibility into a style guide? Let’s take a look.

Further Reading on SmashingMag: Link

• How To Make Modal Windows Better For Everyone¹
• Creating A Living Style Guide: A Case Study²
• How To Integrate Motion Design In The UX Workflow³
• Smart Transitions In User Experience Design⁴

News Link

• Safari 10.1 was announced a while ago already, and this week it finally came to Macs and iOS devices around the world. The new Safari version ships CSS Grid Layouts, fetch(), IndexedDB2.0, Custom Elements, Form Validation, Media Capture, and much more. You can read more about the new features and how to use them⁵ in detail on the WebKit blog.
• Chromium is advising developers to not use alert(), confirm(), and prompt() methods in JavaScript anymore⁶, and, in the future, they might even deprecate sites that still use them. The suggestion is to use the Web Notification API instead, in the hope that its asynchronous nature will prevent it from being misused against users. As a nice side effect, using the API will also speed up browser performance significantly.
• This week, Mozilla started with their Security/Binary Transparency⁷ project which allows third parties to verify that binaries from Mozilla match the original public source code exactly and also to check for its integrity. This is a huge step in open-source and binary app development that other applications out there would benefit from, too.
• The Chromium project is implementing⁸ the WICG proposal of a Feature Policy⁹ (see launch status¹⁰), an interesting concept to complete other policies such as the Content Security Policy. By allowing site owners to explicitly allow or disallow browser features such as geolocation, webcam/microphone access and similar things, sites can better protect their users from exploits.

General Link

• Jens Grochtdreis shared his thoughts on professional pride¹⁴, aiming at all the people who write JavaScript tutorials without focusing on the HTML or CSS. A bad practice that leads to incomplete and sometimes even false code examples that are then used in the wild.

Concept & Design Link

• We all know the annoying overlays that prompt website visitors to take action — “sign up for the newsletter”, “like the page on Facebook”. Bureau of Programming now shares thoughts on why it was easier to get rid of annoying pop-up windows and why it’s up to us developers to not build annoying features¹⁵ if we want to make the web a useful, friendly place.

¹⁶

Security Link

• A new paper from a joint venture of universities and Akamai Technologies introduces CRLite, a scalable system for pushing all TLS revocations to all browsers¹⁸ (PDF, 1.3MB). Currently, no major browser fully checks for TLS/SSL certificate revocations, but that could be changing soon if vendors agree with this research paper and start implementing the system.

Accessibility Link

• Carie Fisher shares her approach to a style guide that has accessibility guidelines built in¹⁹.

CSS/Sass Link

• Paul Lewis and Stephen McGruer summarized how you can build performant ‘expand’ and ‘collapse’ animations²⁰, for menus, for example.

Going Beyond… Link

• Scientists came up with a detailed “roadmap” for meeting the Paris climate goals²¹. It’s an eye-opening, entertaining read that convinces with its storytelling style.
• Emily Dreyfuss from WIRED wrote an article about why Silicon Valley contributes to inequality by focusing on cool technological innovation instead of targeting real-world problems. The piece is titled “Silicon Valley Would Rather Cure Death Than Make Life Worth Living²²” — a provocative but probably accurate title. And while there sure are exceptions (as there are always exceptions), we should remember to not blindly glorify tech, especially if it doesn’t engage with real problems.
• Ken Doctor wrote about “slower structural developments that shape society²³,” charting out what’s in between the extremes that we see in the news.

And with that, I’ll close for this week. If you like what I write each week, please support me with a donation²⁴ or share this resource with other people. You can learn more about the costs of the project here²⁵. It’s available via email, RSS and online.

— Anselm

Footnotes Link

1. 1 https://www.smashingmagazine.com/2014/09/making-modal-windows-better-for-everyone/
2. 2 https://www.smashingmagazine.com/2016/05/creating-a-living-style-guide-case-study/
3. 3 https://www.smashingmagazine.com/2016/03/integrate-motion-design-animation-ux-workflow/
4. 4 https://www.smashingmagazine.com/2013/10/smart-transitions-in-user-experience-design/
5. 5 https://webkit.org/blog/7477/new-web-features-in-safari-10-1/
6. 6 https://developers.google.com/web/updates/2017/03/dialogs-policy
7. 7 https://wiki.mozilla.org/Security/Binary_Transparency
8. 8 https://groups.google.com/a/chromium.org/forum/#!topic/blink-dev/uKO1CwiY3ts
9. 9 https://wicg.github.io/feature-policy/
10. 10 https://www.chromestatus.com/feature/5694225681219584
11. 11 https://wiki.mozilla.org/Security/Binary_Transparency
12. 12 https://wiki.mozilla.org/Security/Binary_Transparency
13. 13 https://wiki.mozilla.org/Security/Binary_Transparency
14. 14 https://medium.com/@Flocke/professional-pride-7b84287ae747
15. 15 https://python.sh/2017/3/i-dont-want-to-subscribe-to-your-newsletter
16. 16 https://python.sh/2017/3/i-dont-want-to-subscribe-to-your-newsletter
17. 17 https://python.sh/2017/3/i-dont-want-to-subscribe-to-your-newsletter
18. 18 http://www.ccs.neu.edu/home/cbw/static/pdf/larisch-oakland17.pdf
19. 19 http://a11y-style-guide.com/style-guide/
20. 20 https://developers.google.com/web/updates/2017/03/performant-expand-and-collapse
21. 21 http://www.vox.com/energy-and-environment/2017/3/23/15028480/roadmap-paris-climate-goals
22. 22 https://www.wired.com/2017/03/silicon-valley-rather-cure-death-make-life-worth-living/
23. 23 http://www.niemanlab.org/2017/03/slower-structural-developments-that-shape-society-a-qa-with-de-correspondent-editor-rob-wijnberg/
24. 24 https://wdrl.info/donate
25. 25 https://wdrl.info/costs/

↑ Back to topTweet itShare on Facebook