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 #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.

Further Reading on SmashingMag: Link

News Link

  • I rarely recommend conferences here, but this free online conference might be interesting for some of you: Sustainable UX5, 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: Noto86.
Noto font7
The open-source typeface Noto86 is truly universal, supporting every language in the world, living and dead. (Image credit9)

Web Performance Link

HTML & SVG Link

  • This guide to making SVG maps with MapShaper11 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 potential12 than we tend to think and how it provides clever solutions to everyday use cases.

JavaScript Link

  • Hyperform13 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 Layout16
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 Hinchliffe17)

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

— Anselm

Footnotes Link

  1. 1 https://www.smashingmagazine.com/2015/09/making-svg-maps-from-natural-earth-data/
  2. 2 https://www.smashingmagazine.com/2016/04/tools-and-resources-for-editing-converting-and-optimizing-svgs/
  3. 3 https://www.smashingmagazine.com/2016/11/css-grids-flexbox-and-box-alignment-our-new-system-for-web-layout/
  4. 4 https://www.smashingmagazine.com/2010/11/when-24-7-365-fails-turn-off-work-on-weekends/
  5. 5 http://sustainableux.com/
  6. 6 http://www.itsnicethat.com/news/google-monotype-noto-type-family-061016
  7. 7 http://www.itsnicethat.com/news/google-monotype-noto-type-family-061016
  8. 8 http://www.itsnicethat.com/news/google-monotype-noto-type-family-061016
  9. 9 http://www.itsnicethat.com/news/google-monotype-noto-type-family-061016
  10. 10 https://www.nccgroup.trust/uk/about-us/newsroom-and-events/blogs/2016/september/how-loading-javascript-can-slow-websites-down/
  11. 11 http://simplemaps.com/resources/guide-to-mapshaper
  12. 12 https://madebymike.com.au/writing/svg-has-more-potential/
  13. 13 https://hyperform.js.org/
  14. 14 https://github.com/Heydon/fukol-grids
  15. 15 http://maketea.co.uk/2016/09/28/css-grid-layout-is-a-step-change.html
  16. 16 http://maketea.co.uk/2016/09/28/css-grid-layout-is-a-step-change.html
  17. 17 http://maketea.co.uk/2016/09/28/css-grid-layout-is-a-step-change.html
  18. 18 https://helloanselm.com/2016/enough-vacation-time/
  19. 19 http://www.sazzy.co.uk/geek-mental-health-week/
  20. 20 https://bastianallgeier.com/notes/pressure
  21. 21 http://danluu.com/sounds-easy/
  22. 22 http://www.nytimes.com/2016/10/06/technology/mailchimp-and-the-un-silicon-valley-way-to-make-it-as-a-start-up.html
  23. 23 https://wdrl.info/donate
  24. 24 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

    Good to have you back! Hope you enjoyed your vacation. I look forward to these lists every week and missed them last month.

    6
  2. 2

    The FAQ section at the bottom of the “Fukol” Github page is priceless! :)

    8
  3. 3

    I was worried that you’d stopped putting together these reading lists, glad it’s back! I was really starting to look forward to these because it has a good mix of stuff, most of which I missed from my usual scan of news aggregators.

    5
  4. 4

    Thanks for sharing this post.

    0

↑ Back to top