Web Development Reading List #162: Server Side React, Inclusive Design And The Web Worldwide

We shouldn’t let ourselves get distracted by people who work on different projects than we do. If a developer advocate works on a web-based QR code application, for example, their way of tackling things most certainly won’t fit your project. If someone builds a real-time dashboard, their concept won’t relate to the company portfolio website you’re building. Bear in mind that you need to find the best concept, the best technologies, the best solution for your specific project.

Thinking about the right decisions rather than following cool, new trends blindly, is the first step to building responsible web solutions. That’s what we call progressive enhancement. The only subjective matter in this undertaking is you, judging what level of progressive enhancement a solution should have.

News Link

• Angular 1.x users, here’s version 1.6 for you. Todd Motto shares what’s new in the version¹ and how to migrate easily.
• The new Microsoft Edge build² features support for Brotli, for CSS Custom Properties, as well as async/await. DOM performance has also been improved.

General Link

• Aaron Gustafson wrote a thoughtful piece on why progressive enhancement is not an anti-JavaScript concept³ but a concept of finding the best way to adapt to the nature of the web. It’s a subtle, inclusive concept that takes the environment and its quirks into account.
• Pusher created a space for videos of front-end talks⁴. There are some great ones available that you can watch for free.

Concept & Design Link

• Microsoft’s Inclusive Design guidelines⁷ and resources are very helpful to understand how you as a company can take advantage of creating an inclusive product by design.

Web Performance Link

• Tim Kadlec describes⁸ what a new project called “The Web, Worldwide⁹” is about and why it’s important for developers and project owners to understand the role of the Internet in various markets. I wrote a similar post this week about choosing browser support in a project¹⁰ and why we’re often doing it wrong because we base our assumptions on misleading data.

HTML & SVG Link

• These fun statistics on HTML and SVG usage¹¹ are really insightful. By analyzing eight million websites, some interesting facts could be discovered: href="javascript:void(0)", for example, is still used massively, and span.button can also be found in a lot of codebases.

JavaScript Link

• Unfortunately, there’s no further source to back up this statement, but Domenic Denicola found out that the Filesystem API might be removed from the specification¹² as it turned out that it’s used for incognito mode detection in browsers in 95% of the use cases.
• The parallax effect isn’t going away anytime soon, so if we need to make use of it, we should at least do it in the most effective, most performant way. Paul Lewis shares how to achieve that¹³.
• Remy Sharp reports how he got started with React.js and how he finally made Server Side React¹⁴ work in his project.

¹⁵

Work & Life Link

• Holger Bartel wrote about the value of attending conferences¹⁸ and how different things are in Asia, for example, when compared to other parts of the world.

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://toddmotto.com/angular-1-6-is-here
2. 2 https://developer.microsoft.com/en-us/microsoft-edge/platform/changelog/desktop/14986/
3. 3 https://www.aaron-gustafson.com/notebook/insert-clickbait-headline-about-progressive-enhancement-here/
4. 4 https://pusher.com/sessions
5. 5 https://pusher.com/sessions
6. 6 https://pusher.com/sessions
7. 7 https://www.microsoft.com/en-us/design/inclusive
8. 8 http://calendar.perfplanet.com/2016/meet-the-web-worldwide/
9. 9 https://www.webworldwide.io/
10. 10 https://helloanselm.com/2016/the-world-uses-the-internet/
11. 11 https://css-tricks.com/random-interesting-facts-htmlsvg-usage/
12. 12 https://mobile.twitter.com/domenic/status/806281944849784832
13. 13 https://developers.google.com/web/updates/2016/12/performant-parallaxing
14. 14 https://remysharp.com/2016/12/07/server-side-react
15. 15 https://developers.google.com/web/updates/2016/12/performant-parallaxing
16. 16 https://developers.google.com/web/updates/2016/12/performant-parallaxing
17. 17 https://developers.google.com/web/updates/2016/12/performant-parallaxing
18. 18 https://foobartel.com/articles/value-of-conferences
19. 19 https://wdrl.info/donate
20. 20 https://wdrl.info/costs/

↑ Back to topTweet itShare on Facebook