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 #187: Webpack 3, Assisted Writing, And Automated Chrome Testing

This week, we’ll explore some rather new concepts: What happens if we apply artificial intelligence to text software, for example? And why would a phone manufacturer want its business model to be stolen by competitors? We’ll also take a look at how we can use the new headless Chrome browser for automated testing and learn to build smarter JavaScript bundles with Webpack 3’s new scope hoisting. Sometimes it’s easy to be excited about all the improvements and new things our industry has to offer.

Further Reading on SmashingMag: Link

News Link

General Link

  • Samim shares insights into how assisted writing tools are using machine learning9 to understand and generate the human language. While the article focuses on how we can reimagine word processing software with machine learning and better algorithms, we can also learn a lot about improving our own writing style.
Assisted Writing10
Translating text into the style of famous writers is just one of the things machine-learning-powered assisted writing tools can do11. (Image credit12)

Tools & Workflows Link

JavaScript Link

  • React Express14 is an all-in-one guide to modern React application development. Perfect for people who want to get into React development and understand the differences between the various approaches.
React Express15
The React Express guide16 covers everything you need to know to write a React app.

CSS/Sass Link

Work & Life Link

Going Beyond… Link

  • The ethical smartphone vendor Fairphone wants Apple to steal its idea19 of building devices that don’t rely on resources sourced with child-labor or under inhumane working conditions. So far, Fairphone has built two variants of smartphones, and as an owner of the Fairphone 1, I’m convinced that it’s possible to manufacture ethically better devices.

—Anselm

Footnotes Link

  1. 1 https://www.smashingmagazine.com/2017/02/a-detailed-introduction-to-webpack/
  2. 2 https://www.smashingmagazine.com/2016/02/high-impact-minimal-effort-cross-browser-testing/
  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/2017/01/algorithm-driven-design-how-artificial-intelligence-changing-design/
  5. 5 https://blogs.msdn.microsoft.com/typescript/2017/06/27/announcing-typescript-2-4/
  6. 6 https://webkit.org/blog/7760/release-notes-for-safari-technology-preview-34/
  7. 7 https://trac.webkit.org/changeset/217996/webkit/
  8. 8 https://medium.com/webpack/webpack-3-official-release-15fd2dd8f07b
  9. 9 https://medium.com/@samim/assisted-writing-7adea9aed19
  10. 10 https://medium.com/@samim/assisted-writing-7adea9aed19
  11. 11 https://medium.com/@samim/assisted-writing-7adea9aed19
  12. 12 https://medium.com/@samim/assisted-writing-7adea9aed19
  13. 13 https://developers.google.com/web/updates/2017/06/headless-karma-mocha-chai
  14. 14 http://www.react.express/
  15. 15 http://www.react.express/
  16. 16 http://www.react.express/
  17. 17 https://fettblog.eu/grid-concepts/
  18. 18 https://blog.doismellburning.co.uk/make-decisions-and-own-them/
  19. 19 https://motherboard.vice.com/en_us/article/nevjjk/ethical-smartphone-startup-fairphone-wants-apple-to-steal-its-idea

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

  1. 1

    James hunter

    June 30, 2017 2:31 pm

    Wonderful man, wonderful…

    1
  2. 2

    I use slimerjs for unit tests. it’s great.

    Why is the title for “use headless Chrome for automated testing” is “automated testing” ??? this is NOT automated testing but UNIT TESTING. automated testing is about simulation user interaction and making sure the **rendered** result is as should be.

    0
  3. 3

    A good meeting structure can save a lot of time and it can keep things efficient and productive. I really like that the structure is flexible enough to accommodate new items but facilitates long term work as well.

    0

Leave a Comment

You may use simple HTML to add links or lists to your comment. Also, use <pre><code class="language-*">...</code></pre> to mark up code snippets. We support -js, -markup and -css for comments.

↑ Back to top