Web Development Reading List #160: Real Stories About HTTP/2, Cascading Style Sheets, And Code Of Shame

We have great new technology available to enhance our websites. But while theoretical articles explain well what the technologies do, we often struggle to find real use cases or details on how things worked out in actual projects.

This week I stumbled across a couple of great posts that share exactly these precious real-life insights: stories about HTTP/2 implementation, experiences from using the Cascade of CSS in large-scale projects, and insights into employing Service Worker and BackgroundSync to build solid forms.

News Link

• Support for style input type “checkbox” and “radio” via CSS¹ landed in Firefox Nightly. Also new in Firefox Nightly is the date picker². A time picker was already added a few weeks ago.
• GitLab 8.14³ brings Time Tracking, Chat commands, merge prevention until a review is done, and many other small improvements.
• Firefox will soon warn people if they are about to enter a password in insecure (HTTP) contexts⁴. It’s time to secure every login with an HTTPS connection and enforce this as a best practice.

Web Performance Link

• Kazuho Oku’s slide deck about reorganizing website architecture for HTTP/2⁷ shares real experiences of implementing HTTP/2 and valuable details on browser implementation.

Accessibility Link

• Tim Wright explains the difference between role="presentation" and aria-hidden="true"⁸.

JavaScript Link

• Michael Scharnagl explains how you can enhance a basic form⁹ (i.e. a login or comment form) with custom validation, AJAX requests, auto-expansion of a textarea, and, finally, Service Worker and BackgroundSync to store input when a connection is unstable.

CSS/Sass Link

• Heydon Pickering wrote about “CSS Inheritance, The Cascade And Global Scope: Your New Old Worst Best Friends¹⁰.”

Work & Life Link

• Justin White shares his story of becoming a programmer¹¹, his job hunt in the Silicon Valley, and why he chose not to work for an average startup.
• The CTO of Basecamp critizes Microsoft’s new advertising campaign for Office 365¹². A good read on why sleep and dedicated non-work matter and why we shouldn’t endorse companies that don’t value these needs.
• I don’t want to write too much about this weird Black Friday thing that causes millions of people to buy stuff they’ll never use or need, but Jason Koebler has the best Black Friday deal ever: repair a gadget you already own¹³ instead of buying new stuff.

¹⁴

Going Beyond… Link

• Bill Sourour’s article “The Code I’m Still Ashamed Of¹⁶” points out an important aspect of our jobs as developers: responsibility. An incredibly important story.

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://bugzilla.mozilla.org/show_bug.cgi?id=418833
2. 2 https://bugzilla.mozilla.org/show_bug.cgi?id=1283385
3. 3 https://about.gitlab.com/2016/11/22/gitlab-8-14-released/
4. 4 https://mobile.twitter.com/ryanfeeley/status/801539237682302987
5. 5 https://mobile.twitter.com/ryanfeeley/status/801539237682302987
6. 6 https://mobile.twitter.com/ryanfeeley/status/801539237682302987
7. 7 http://www.slideshare.net/kazuho/reorganizing-website-architecture-for-http2-and-beyond
8. 8 http://csskarma.com/blog/difference-rolepresentation-aria-hiddentrue/
9. 9 https://justmarkup.com/log/2016/10/enhancing-a-comment-form/
10. 10 https://www.smashingmagazine.com/2016/11/css-inheritance-cascade-global-scope-new-old-worst-best-friends/
11. 11 https://m.signalvnoise.com/how-i-left-behind-my-silicon-dream-for-a-saner-place-to-work-3c58c9bc24ab?token=s6h9qOA5om9p_dG7
12. 12 https://m.signalvnoise.com/microsoft-reboots-war-on-sleep-a90da0396fb5#.9n97f0gam
13. 13 http://motherboard.vice.com/read/the-best-black-friday-deal-repairing-a-gadget-you-already-own
14. 14 https://m.signalvnoise.com/how-i-left-behind-my-silicon-dream-for-a-saner-place-to-work-3c58c9bc24ab?token=s6h9qOA5om9p_dG7#.k5z3axtkf
15. 15 https://m.signalvnoise.com/how-i-left-behind-my-silicon-dream-for-a-saner-place-to-work-3c58c9bc24ab?token=s6h9qOA5om9p_dG7#.k5z3axtkf
16. 16 https://medium.freecodecamp.com/the-code-im-still-ashamed-of-e4c021dff55e
17. 17 https://wdrl.info/donate
18. 18 https://wdrl.info/costs/

↑ Back to topTweet itShare on Facebook