Web Development Reading List #153: Slow JavaScript, A Universal Typeface, And Healthy Work Environments

Web Development Reading List #153: Slow JavaScript, A Universal Typeface, And Healthy Work Environments

While I was away on vacation, the web development community stayed consistent, and since I’ve been back, the same well-known, long-running discussions about JavaScript, frameworks, and progressive enhancement are full on again. But on the other hand, we also see great new solutions for CSS, simple but efficient JavaScript libraries, and brave people sharing their personal stories from which we all can learn a lot.

News Link

  • I rarely recommend conferences here, but this free online conference might be interesting for some of you: Sustainable UX1, with topics on doing meaningful, sustainable work.

Concept & Design Link

  • Google and Monotype created a full typeface for all the world’s written and spoken languages: Noto42.
3
The open-source typeface Noto42 is truly universal, supporting every language in the world, living and dead. (Image credit5)

Web Performance Link

HTML & SVG Link

  • This guide to making SVG maps with MapShaper7 shows where to find geographic map resources, how to modify them, and, finally, how to export and use them as SVG.
  • Mike Riethmuller shows that SVG has more potential8 than we tend to think and how it provides clever solutions to everyday use cases.

JavaScript Link

  • Hyperform9 is a complete implementation of the HTML5 form validation API in JavaScript. It replaces or polyfills the browser’s native methods and eases your validation task with custom events and hooks.

CSS/Sass Link

CSS Grid Layout12
Creating complex website layouts like the one of the Financial Times can be hard. Matt Hinchliffe illustrates how CSS grid layout could change this. (Image credit: Matt Hinchliffe13)

Work & Life 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 donation19 or share this resource with other people. You can learn more about the costs of the project here20. It’s available via email, RSS, and online.

— Anselm

Footnotes Link

  1. 1 http://sustainableux.com/
  2. 2 http://www.itsnicethat.com/news/google-monotype-noto-type-family-061016
  3. 3 http://www.itsnicethat.com/news/google-monotype-noto-type-family-061016
  4. 4 http://www.itsnicethat.com/news/google-monotype-noto-type-family-061016
  5. 5 http://www.itsnicethat.com/news/google-monotype-noto-type-family-061016
  6. 6 https://www.nccgroup.trust/uk/about-us/newsroom-and-events/blogs/2016/september/how-loading-javascript-can-slow-websites-down/
  7. 7 http://simplemaps.com/resources/guide-to-mapshaper
  8. 8 https://madebymike.com.au/writing/svg-has-more-potential/
  9. 9 https://hyperform.js.org/
  10. 10 https://github.com/Heydon/fukol-grids
  11. 11 http://maketea.co.uk/2016/09/28/css-grid-layout-is-a-step-change.html
  12. 12 http://maketea.co.uk/2016/09/28/css-grid-layout-is-a-step-change.html
  13. 13 http://maketea.co.uk/2016/09/28/css-grid-layout-is-a-step-change.html
  14. 14 https://helloanselm.com/2016/enough-vacation-time/
  15. 15 http://www.sazzy.co.uk/geek-mental-health-week/
  16. 16 https://bastianallgeier.com/notes/pressure
  17. 17 http://danluu.com/sounds-easy/
  18. 18 http://www.nytimes.com/2016/10/06/technology/mailchimp-and-the-un-silicon-valley-way-to-make-it-as-a-start-up.html
  19. 19 https://wdrl.info/donate
  20. 20 https://wdrl.info/costs/
SmashingConf Barcelona 2016

Hold on, Tiger! Thank you for reading the article. Did you know that we also publish printed books and run friendly conferences – crafted for pros like you? Like SmashingConf Barcelona, on October 25–26, with smart design patterns and front-end techniques.

↑ Back to topTweet itShare on Facebook

Advertisement
(Visited 1 times, 1 visits today)

Share This: