Menu Search
Jump to the content X X
Smashing Conf Barcelona

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 Barcelona, dedicated to smart front-end techniques and design patterns.

Web Development Reading List #184: New Library Updates, Page Load Performance, And Continuance

Our lives are in constant change, we never stop developing and evolving — our bodies, our minds, our views. And today’s technology supports us in doing that: We can access a lot more information as the generations before us, and with that, we have a variety of new possibilities to grow and develop our personalities.

We can see how work environments change, for example, we see resistance towards change and new methods, but slowly and over time, humanity is changing their overall behavior. Seeing technology in this light gives us a new perspective on our work attitude and how we approach technology.

Further Reading on SmashingMag: Link

News Link

  • RSS feeds are XML-based documents, and for a lot of people, they have always been a pain to write, serve, and validate. Now, there’s JSON Feed4, a format that brings today’s preferred data structure format for APIs to feeds.
  • Styled-components v25 was released with some great improvements, and it even weighs only half as much as its predecessor.
  • Autoprefixer 7.0 and Browserlist 2.0 are out6, with better performance and an easier way to define supported browsers.
  • The new npm 5 comes with huge performance improvements7, and a new lock mode was introduced, too, making it competitive to Yarn again.
  • Kayce Basques shares what’s new in Chrome 60’s Developer Tools8: A Lighthouse-powered Audits panel, for example, or the network request page showing third-party requests with a badge. To make debugging easier, a couple of smaller things were improved, too.
Chrome DevTools Audits panel powered by Lighthouse9
The new Chrome DevTools audit panel10 is powered by Lighthouse and provides a useful set of tests for measuring the quality of your web pages. (Image credit11)

General Link

  • Eric Petitt shares his thoughts on browser market diversity, why the dominance of Google Chrome is a problem12, and why it matters that we support and use other browsers as well.
  • Have you already heard of the .well-known/ directory13 on web servers? This relatively new standard is used to announce directives to browsers. Let’s Encrypt, for example, uses it for their validation URLs.

Tools & Workflows Link

Privacy Link

JavaScript Link

  • Addy Osmani published his second part of “Progressive Web Apps with React.js19”, focusing on page load performance. An insightful read for everyone who wants to optimize their React.js applications.

CSS/Sass Link

How to hack beautiful flourishes into your font23
Ligatures, curvy quotes, and other typographic details — Conrad Irwin explains how you can hack them into your font24. (Image credit25)

Work & Life Link

  • IBM, a pioneer of remote work, calls workers back to the office26. This story is really sad to hear as the company was one of the first that allowed employees to work remotely on a big scale. Now they changed their decades-old policy and demand U.S. employees to move into offices.
  • “If you can’t measure it, you can’t manage it.” Claire Lew explains why she thinks it’s time to break with that statement27 when it comes to assessing emplyee performance. Instead of measuring meaningless numbers, it should be all about getting insights. “You want truth, not graphs.”
  • “[…] that’s what Continuance is all about: the perseverance and commitment between where we are and where we want to be.” The quote from Continuance, the film28 (via Tobias Tom29) reminds us that we should pursue our dream projects and not give up. Because dream projects shape us and our personalities.
  • Jason Fried elaborates on the mystery of your inbox. For most of us, the inbox is the center of everything, the place we work from every day. And yet, most inboxes, most notifications, lack the most important bits of information. A good read on what an insufficient inbox can cost you30.

Going Beyond… Link

  • Etsy is a special kind of company. It’s one of the few public market B-Corps, and that turns out to be an issue now31. See how a company pursuing the way of building a sustainable and caring work environment can be forced to change by their investors.

—Anselm

Footnotes Link

  1. 1 https://www.smashingmagazine.com/2017/01/styled-components-enforcing-best-practices-component-based-systems/
  2. 2 https://www.smashingmagazine.com/2016/09/how-to-scale-react-applications/
  3. 3 https://www.smashingmagazine.com/2011/08/mind-your-en-and-em-dashes-typographic-etiquette/
  4. 4 https://jsonfeed.org/
  5. 5 https://medium.com/styled-components/announcing-v2-f01ef3766ac2
  6. 6 https://evilmartians.com/chronicles/autoprefixer-7-browserslist-2-released
  7. 7 http://blog.npmjs.org/post/161081169345/v500
  8. 8 https://developers.google.com/web/updates/2017/05/devtools-release-notes
  9. 9 https://developers.google.com/web/updates/2017/05/devtools-release-notes
  10. 10 https://developers.google.com/web/updates/2017/05/devtools-release-notes
  11. 11 https://developers.google.com/web/updates/2017/05/devtools-release-notes
  12. 12 https://medium.com/the-official-unofficial-firefox-blog/browse-against-the-machine-e793c0fee917
  13. 13 https://ma.ttias.be/well-known-directory-webservers-aka-rfc-5785/
  14. 14 https://blogs.msdn.microsoft.com/visualstudioalm/2017/02/03/announcing-gvfs-git-virtual-file-system/
  15. 15 https://csswizardry.com/2017/05/little-things-i-like-to-do-with-git/
  16. 16 https://www.theregister.co.uk/2017/05/24/google_closing_the_loop_comingling/?mt=1495730527975
  17. 17 http://cubiq.org/the-tin-foil-hat-conspiracy
  18. 18 https://gizmodo.com/uber-doesn-t-want-you-to-see-this-document-about-its-va-1795151637
  19. 19 https://medium.com/@addyosmani/progressive-web-apps-with-react-js-part-2-page-load-performance-33b932d97cf2
  20. 20 https://hackernoon.com/11-things-i-learned-reading-the-flexbox-spec-5f0c799c776b
  21. 21 https://github.com/jonathantneal/postcss-normalize
  22. 22 https://blog.superhuman.com/how-to-hack-beautiful-flourishes-into-your-font-dc630bc52c3f
  23. 23 https://blog.superhuman.com/how-to-hack-beautiful-flourishes-into-your-font-dc630bc52c3f
  24. 24 https://blog.superhuman.com/how-to-hack-beautiful-flourishes-into-your-font-dc630bc52c3f
  25. 25 https://blog.superhuman.com/how-to-hack-beautiful-flourishes-into-your-font-dc630bc52c3f
  26. 26 https://www.wsj.com/articles/ibm-a-pioneer-of-remote-work-calls-workers-back-to-the-office-1495108802
  27. 27 https://m.signalvnoise.com/quit-measuring-employee-engagement-8cba17145a82
  28. 28 https://vimeo.com/215697214#t=886s
  29. 29 https://tobiastom.name/notes/3ce50b93
  30. 30 https://m.signalvnoise.com/whats-that-mystery-in-your-inbox-costing-you-89eb13911964
  31. 31 https://www.bloomberg.com/news/features/2017-05-18/the-barbarians-are-at-etsy-s-hand-hewn-responsibly-sourced-gates

↑ Back to top Tweet itShare on Facebook

is a freelance front-end developer who cares about sustainable front-end experiences and ethical choices in life. He writes the WDRL, and is co-founder of the event platform Colloq.

Comments are closed.

↑ Back to top