Menu Search
Jump to the content X X
Smashing Conf New York

You know, we use ad-blockers as well. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. our upcoming SmashingConf New York, dedicated to smart front-end techniques and design patterns.

Web Development Reading List #103

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 Hannemann is keeping track of everything in the web development reading list1 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.

Hey there! I gathered some useful articles for you again this week. Let me inspire you to do something new, improve yourself or just think outside the box.

Further Reading on SmashingMag:

News Link

GitHub

Github now finally supports options for protected and required status checks in branches now76.
  • Github now finally supports options for protected and required status checks in branches now76. That means you can now restrict the master branch so people can’t force push (edit history) or only allow merges when the status checks (like CI, unit/integration tests ran successfully) pass.
  • Following the announcement of a shared video codec alliance8, Microsoft Edge will get WebM/VP9 support soon.
  • This week Opera Mini on Android got a big update with a new data saving mode. You can now choose between speed and experience. The new speed mode can save up to 90% of data but will remove much of the page layout and heavily compresses images while the experience mode still saves about 30-40% of data but will display most of the layout features and videos. Want to know more about how that affects you as developer? Here you go9.
  • Ashley Nolan just published the results of a front end tooling survey. The results10 are very interesting and show how uncommon JavaScript unit testing still is or that Gulp is already used more than Grunt while Sass is dominating the market.
  • io.js and node.js are united again. node.js 4.011 now gives you the best of both worlds and from now on it will be less confusion again. It has an updated V8 (4.5) engine and things like a long term support plan.

Concepts & Design Link

GitHub12

Overpass1513, a new sans-serif, free, open source web font.

Tools Link

  • gulp-shell16 lets you execute shell commands right from within your gulpfile. This can become very handy when you don’t want to or can’t use a gulp plugin for certain actions.
  • By using Release It!17, you can save yourself the endless pain of manually updating version numbers, tagging, linting, writing a changelog and publishing to npm. The interactive wizard guides you through the release in five steps. If you’re using Grunt, there’s also grunt-release18 available.

Privacy Link

Web Performance Link

  • By using ServiceWorker and AppCache, UpUp22 will help you set up your website to be available offline.
  • If you don’t want all your images be loaded directly on page load, this simple technique by Christian Heilmann might be for you: By wrapping images with a <template> element23 and some lines of JavaScript the load gets deferred in all browsers that support the <template> element.

HTML / SVG Link

Accessibility Link

  • Most of us, even if we add accessibility improvements to our code, don’t know much about how screen readers are used. That’s why the results of the screen reader survey25 are very handy to look at.

JavaScript Link

CSS / Sass Link

Work & Life Link

Go beyond… Link

  • If it was for Geoffrey A. Fowler, we need the right to repair our gadgets37. The industry wants us to waste broken gadgets and buy new ones, even if it would only take minutes for anyone to repair it. But without companies sharing how we can repair things, it’s a tough task. We, including the gadget vendors need to start thinking about how to produce less waste.

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

Thanks and all the best,
Anselm

Footnotes Link

  1. 1 https://wdrl.info/
  2. 2 https://www.smashingmagazine.com/2014/01/lean-ux-manifesto-principle-driven-design/
  3. 3 https://www.smashingmagazine.com/2013/01/effectively-planning-ux-design-projects/
  4. 4 https://www.smashingmagazine.com/2013/10/incorporating-quiet-into-ux-design-process/
  5. 5 https://www.smashingmagazine.com/2013/04/rainbow-spreadsheet-collaborative-ux-research-tool/
  6. 6 https://github.com/blog/2051-protected-branches-and-required-status-checks
  7. 7 https://github.com/blog/2051-protected-branches-and-required-status-checks
  8. 8 http://aomedia.org/
  9. 9 https://dev.opera.com/blog/opera-mini-11-modes/
  10. 10 http://ashleynolan.co.uk/blog/frontend-tooling-survey-2015-results
  11. 11 https://nodejs.org/en/blog/release/v4.0.0/
  12. 12 http://overpassfont.org/
  13. 13 http://overpassfont.org/
  14. 14 http://www.100daysui.com/
  15. 15 http://overpassfont.org/
  16. 16 https://www.npmjs.com/package/gulp-shell
  17. 17 https://medium.com/@webprolific/using-release-it-60b96515c073
  18. 18 https://github.com/geddski/grunt-release
  19. 19 https://adblockplus.org/blog/first-official-ad-blocker-for-ios-launches-today-ditto-for-android
  20. 20 https://adblockbrowser.org/
  21. 21 http://adage.com/article/digital/iab-surveys-options-fight-ad-blockers-including-lawsuits/300228/
  22. 22 https://www.talater.com/upup/
  23. 23 http://christianheilmann.com/2015/09/08/quick-trick-using-template-to-delay-loading-of-images/
  24. 24 https://www.smashingmagazine.com/2015/09/making-svg-maps-from-natural-earth-data/
  25. 25 http://webaim.org/projects/screenreadersurvey6/
  26. 26 http://www.2ality.com/2015/09/typed-arrays.html
  27. 27 https://hacks.mozilla.org/2015/09/flash-free-clipboard-for-the-web/
  28. 28 http://ponyfoo.com/articles/es6-arrow-functions-in-depth
  29. 29 http://ponyfoo.com/articles/es6-iterators-in-depth
  30. 30 http://ponyfoo.com/articles/es6-generators-in-depth
  31. 31 https://rachelandrew.co.uk/archives/2015/09/02/css-grid-and-the-box-alignment-module/
  32. 32 https://medium.com/@patrickbrosset/css-grid-layout-6c9cba6e8a5a
  33. 33 https://medium.com/ux-launchpad-notes-on-design/steve-jobs-insult-response-cbd1d6f4d73a
  34. 34 https://medium.com/@joelle_emerson/raising-the-bar-how-to-be-a-less-biased-interviewer-ecda0892f8f5
  35. 35 https://medium.com/tech-diversity-files/want-to-hire-more-diverse-people-raise-your-bar-b5d30f91cbd9
  36. 36 http://blog.mailchimp.com/hire-people-not-skills/
  37. 37 http://www.wsj.com/articles/we-need-the-right-to-repair-our-gadgets-1441737868
  38. 38 https://paypal.me/anselm
  39. 39 https://gratipay.com/~Anselm%20Hannemann/
  40. 40 https://wdrl.info/costs/

↑ Back to top Tweet itShare on Facebook

is a freelance front-end developer and architect and cares about sustainable front-end experiences and ethical choices in life. He curates the WDRL, a weekly handcrafted web development newsletter that thousands of developers love, subscribe to, and donate for.

  1. 1

    As always amazing collection of links! Thank you Anselm for serving all these goods for us. I love new Overpass font. UpUp rocks!!! Correct one small spelling mate. “EXMAScript 6” I believe should be ECMAScript 6. Looking forward for next weeks episodes :)

    2
  2. 3

    Here’s the link to that MailChimp article, as it’s not showing up for me: http://blog.mailchimp.com/hire-people-not-skills/

    0
  3. 5

    Abhishek Sachan

    September 11, 2015 4:48 pm

    Work & Life section is amazing!

    1
  4. 7

    Great info Anslem, thanks for such a nice collection.

    2
  5. 8

    Thanks for mentioning Release It! The geddski/grunt-release plugin is of course fine to mention, but the plugin for release-it is at https://github.com/webpro/grunt-release-it :-)

    2
  6. 9

    These are great reading lists; thank you for compiling these!

    3
  7. 10

    Please post more on this topic. Awesome.

    2
  8. 11

    I learn many things on this article. More Web development Reading List :)
    And I love this topic “Hire People, Not Skills” by Mailchimp

    1

↑ Back to top