New Library Updates, Page Load Performance, And Continuance – Smashing Magazine

webberoDesign0 Comments



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.

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 Feed5, a format that brings today’s preferred data structure format for APIs to feeds.
  • Styled-components v26 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 out7, with better performance and an easier way to define supported browsers.
  • The new npm 5 comes with huge performance improvements8, 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 Tools9: 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 Lighthouse10
The new Chrome DevTools audit panel11 is powered by Lighthouse and provides a useful set of tests for measuring the quality of your web pages. (Image credit12)

General Link

  • Eric Petitt shares his thoughts on browser market diversity, why the dominance of Google Chrome is a problem13, and why it matters that we support and use other browsers as well.
  • Have you already heard of the .well-known/ directory14 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.js20”, 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 font24
Ligatures, curvy quotes, and other typographic details — Conrad Irwin explains how you can hack them into your font25. (Image credit26)

Work & Life Link

  • IBM, a pioneer of remote work, calls workers back to the office27. 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 statement28 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 film29 (via Tobias Tom30) 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 you31.

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 now32. See how a company pursuing the way of building a sustainable and caring work environment can be forced to change by their investors.

—Anselm

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



Source link

Leave a Reply

Your email address will not be published. Required fields are marked *