Web Development Reading List #187: Webpack 3, Assisted Writing, And Automated Chrome Testing

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.
10
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 topTweet itShare on Facebook

(Visited 2 times, 1 visits today)