Web Development Reading List #106

Web Development Reading List #106


What’s happening in the industry? What important techniques have emerged recently? What about new case studies, insights, techniques and tools? Our dear friend Anselm Hannemann1 is keeping track of everything in the web development reading list2 so you don’t have to. The result is a carefully collected list of articles that popped up over the last week and which might interest you. — Ed.

Every week I feature about twenty interesting links. Although I curate this reading list already from more than 50 resources, every week still leaves you with so much news that actually paying attention to all of it is quite difficult. I often hear from people “I must admit, I haven’t read your last WDRLs in detail. Sorry.” What do I reply? Well, I embrace this behaviour. Sometimes it’s not possible to read everything. As Tim Kadlec writes in his latest piece, you can’t know everything: “In fact, we can’t know everything about the web.3

News Link

Concepts & Design Link

  • Lately, mainly due to the rise of UI frameworks and the increased complexity of front-end frameworks and web apps, the web has got a bit boring. We see tons of similar layouts, and whether it’s a Bootstrap-based design or Material UI-based design, everything is still remarkably similar. And while applying such design principles makes life much easier for us, developers, we lose the diversity and individuality of the web. No wonder then that a plea to make the web weird again9 is gaining traction.

Tools Link

  • PostCSS is the latest thing in the CSS world. The “PostCSS Deep Dive1510” explains what it is (not a pre-/not a post-processor), what it can do and how to get the most value out of it.
  • If you use PostCSS, stylelint11 is a new option to set and lint your CSS.
  • You might know JSLint, its successor JSHint but you might have thought “why do we need another one?” when you first heard of ESLint. This article by Nicholas C. Zakas12 tells you why he wrote another linter which has several advantages that you might want to check out.
  • If you always found Vagrant a bit complicated and not intuitive, their makers now created a successor (although not a replacement) for Vagrant: Meet otto13, a tool that combines development environment setup with automatic deployments in an easy-to-use way.
PostCSS Deep Dive1510” explains what it is (not a pre-/not a post-processor), what it can do and how to get the most value out of it.

Security Link

  • Paul Lewis summed up why the current approach of CORS, CSP, HTTPS and other security layers is doomed and unusable for many people unless we change this for the better and care about real-world use-cases. CORS for Concern16 shows the pitfalls of our centralized infrastructure in the shift towards a more secure web.

Privacy Link

  • This pretty frightening article, released last week by Intercept, shows how intelligence companies have broken our web and can spy nearly everyone by tracking all metadata from everyone17 using online music networks, cookies, video sites, blogging platforms, calls, or photos and online ads. In light of this development, it’s important that we give more focus on privacy for our users by implementing HTTPS (with HSTS, HPKP), limit advertising network’s data grabbing and prevent MITM attacks by using resource integrity hashing for our CDNs.

Web Performance Link

JavaScript Link

CSS / Sass Link

Work & Life Link

  • Paul McMahon was annoyed by so many job postings that don’t reflect what a company does or don’t mention what actually matters. Now he wrote an article on how to write job postings30 with a lot of helpful tips. If you are hiring, take these hints and improve your job postings.

Go beyond… Link

  • I stumbled upon this article last week and it sounded very weird. But when I read that we already lost about 3/4 of our planet’s genetic diversity and some smart people try to store the remaining seeds31 we have around the world, I got interested. I’m happy that some people care about sustainability and how our descendants could re-trace what we did during our life.
  • Dear Tech Industry,32” starts this excellent article by Jenn Downs on why companies and people in the tech industry shouldn’t think they’re smarter just because they know more on technology. Instead, it’s important that we give back and contribute to local charities and culture.
  • The gnome outreachy33 program is a great way to get involved with open source software and improve it. Mozilla now shared the roadmap on where you could help out in the next months34.

And with that I’ll close for this week. In case you like what I write each week, please support me with a donation35 or share this resource with other people. You can learn more about the costs of the project here36. It’s available via E-Mail, RSS and online.

Thanks and all the best,


Footnotes Link

  1. 1 http://www.smashingmagazine.com/author/anselm-hannemann/?rel=author
  2. 2 https://wdrl.info/
  3. 3 http://timkadlec.com/2015/09/the-fallacy-of-keeping-up/
  4. 4 https://kinsta.com/blog/getting-ready-for-php7/
  5. 5 http://jsbin.com/fubunucopi/4/edit?html,output
  6. 6 https://www.reddit.com/r/web_design/comments/3la04p/psa_safari_on_ios9_has_a_media_query_bug/
  7. 7 http://blogs.msdn.com/b/eternalcoding/archive/2015/09/30/javascript-goes-to-asynchronous-city.aspx
  8. 8 http://blogs.windows.com/msedgedev/2015/09/30/asynchronous-code-gets-easier-with-es2016-async-function-support-in-chakra-and-microsoft-edge/
  9. 9 https://signalvnoise.com/posts/3948-a-rallying-cry-for-the-weird-wild-web
  10. 10 http://webdesign.tutsplus.com/tutorials/postcss-deep-dive-what-you-need-to-know–cms-24535
  11. 11 https://github.com/stylelint/stylelint/
  12. 12 http://www.smashingmagazine.com/2015/09/eslint-the-next-generation-javascript-linter/
  13. 13 https://ottoproject.io/
  14. 14 http://webdesign.tutsplus.com/tutorials/postcss-deep-dive-what-you-need-to-know–cms-24535
  15. 15 http://webdesign.tutsplus.com/tutorials/postcss-deep-dive-what-you-need-to-know–cms-24535
  16. 16 https://aerotwist.com/blog/cors-for-concern/
  17. 17 https://theintercept.com/2015/09/25/gchq-radio-porn-spies-track-web-users-online-identities/
  18. 18 http://nolanlawson.com/2015/09/29/indexeddb-websql-localstorage-what-blocks-the-dom/
  19. 19 https://code.flickr.net/2015/06/25/real-time-resizing-of-flickr-images-using-gpus/
  20. 20 http://blog.yoav.ws/adapting_without_assumptions/
  21. 21 http://guides.emberjs.com/v1.10.0/understanding-ember/run-loop/
  22. 22 https://netguru.co/blog/free-ember-run-loop-guide
  23. 23 https://github.com/zenorocha/clipboard.js
  24. 24 http://ponyfoo.com/articles/es6-promises-in-depth
  25. 25 https://bevacqua.github.io/promisees/
  26. 26 https://github.com/ginpei/youtube.js
  27. 27 https://github.com/freinbichler/3d-touch
  28. 28 http://blog.framerjs.com/posts/prototyping-3D-touch-interactions.html
  29. 29 https://css-tricks.com/how-to-do-knockout-text/
  30. 30 http://www.tokyodev.com/2015/08/28/writing-developer-job-posting/
  31. 31 http://www.catchnews.com/environment-news/the-svalbard-global-seed-vault-stores-8-40-000-species-of-seeds-and-it-just-saw-a-withdrawal-1442978019.html
  32. 32 https://the-pastry-box-project.net/jenn-downs/2015-september-24
  33. 33 https://www.gnome.org/outreachy/
  34. 34 https://wiki.mozilla.org/Outreachy/2016/December_to_March
  35. 35 https://wdrl.info/donate
  36. 36 https://wdrl.info/costs/
(Visited 1 times, 1 visits today)