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

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

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

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 them5 in detail on the WebKit blog.
  • Chromium is advising developers to not use alert(), confirm(), and prompt() methods in JavaScript anymore6, 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 Transparency7 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 implementing8 the WICG proposal of a Feature Policy9 (see launch status10), 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.
As a protection against compromised binaries, Mozilla’s Security/Binary Transparency project12 allows third parties to verify that all Firefox binaries are public. (Image credit13)

General Link

  • Jens Grochtdreis shared his thoughts on professional pride14, 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 features15 if we want to make the web a useful, friendly place.
Pop-Up Modals16
Pop-up modals are annoying and make a site unnecessarily hard to use. Bureau of Programming summarized the dilemma and what we can do against it17.

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 browsers18 (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

CSS/Sass Link

Going Beyond… Link

And with that, I’ll close for this week. If you like what I write each week, please support me with a donation24 or share this resource with other people. You can learn more about the costs of the project here25. 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

(Visited 1 times, 1 visits today)