Frontend Weekly Digest (9 — 15 September 2019)
Tags: html, javascript, css
Published: 2019-09-15 19:27:59

### Web-development

* [ComponentsConf 2019, Australia. 15 videos](https://www.youtube.com/playlist?list=PLezbUWvTzODmyixYLrinT86NDsKJCM49U)
* [5G Will Definitely Make the Web Slower, Maybe](https://www.filamentgroup.com/lab/5g/)
* [(Why) Some HTML is "optional"](https://remysharp.com/2019/09/12/why-some-html-is-optional)
* [How to Contribute to an Open Source Project](https://css-tricks.com/how-to-contribute-to-an-open-source-project/)
* [X3D: Declarative 3D for the Modern Web](https://blog.scottlogic.com/2019/08/27/declarative-3d-for-the-modern-web.html)
* [Contemporary Front-end Architectures](https://blog.webf.zone/contemporary-front-end-architectures-fb5b500b0231)
*   **Tools**
    * [Introducing caniemail.com](https://www.caniemail.com/news/2019-09-09-introducing-caniemail/)
    * [Caniuse and MDN compatibility data collaboration](https://hacks.mozilla.org/2019/09/caniuse-and-mdn-compat-data-collaboration/)
    * [Moving Your JavaScript Development To Bash On Windows](https://www.smashingmagazine.com/2019/09/moving-javascript-development-bash-windows/)
    * [My favorite extensions for web development](https://www.silvestar.codes/articles/my-favorite-chrome-extensions-for-web-development-mostly/)
    * [Button Contrast Checker](https://www.aditus.io/button-contrast-checker/)
*   **Effects**
    * [Awesome Demos Roundup #8](https://tympanus.net/codrops/2019/09/11/awesome-demos-roundup-8/)
    * [Inspirational Websites Roundup #8](https://tympanus.net/codrops/2019/09/05/inspirational-websites-roundup-8/)

### CSS

* [How to Build Unique, Beautiful Websites with Tailwind CSS](https://www.sitepoint.com/tailwind-unique-beautiful-websites/)
* [CSS Security Vulnerabilities](https://css-tricks.com/css-security-vulnerabilities/)
* [Ghost Buttons with Directional Awareness in CSS](https://css-tricks.com/ghost-buttons-with-directional-awareness-in-css/)
* [Two Browsers Walked Into a Scrollbar](https://www.filamentgroup.com/lab/scrollbars/)
* [Logical Operations with CSS Variables](https://css-tricks.com/logical-operations-with-css-variables/)
* [How to Remove Unused CSS](https://learnworthy.net/how-to-remove-unused-css)
* [CSS Grid: Magazine Layouts](https://codepen.io/oliviale/full/GRKQoKM)

### JavaScript

* [How to Find Bugs in Your JavaScript Code With the Debugger](https://medium.com/better-programming/how-to-find-bugs-in-your-code-with-the-debugger-a7f739ea98)
* [Metronomes in JavaScript](https://meowni.ca/posts/metronomes/)
* [Front end observability. A practical guide to browsers error monitoring with window.onerror 💂‍](https://dev.to/omrilotan/front-end-observability-a-practical-guide-to-browser-error-monitoring-2gcm)
* [Machine Learning For Front-End Developers With Tensorflow.js](https://www.smashingmagazine.com/2019/09/machine-learning-front-end-developers-tensorflowjs/?ref=heydesigner)
* [A lighter V8](https://v8.dev/blog/v8-lite)
* [How I debug Javascript code I didn’t write](https://itnext.io/how-i-debug-javascript-code-i-didnt-write-6c405a6a9103)
* [ECMAScript-new-features-list - A comprehensive list of new ES features, including ES6, ES7, ES8, ES9 and ES10 (2015-2019)](https://github.com/daumann/ECMAScript-new-features-list)
* [😲🤯The most outstanding new feature in Javascript you need to know about: Optional Chaining](https://dev.to/lampewebdev/the-most-outstanding-new-feature-in-javascript-you-need-to-know-about-optional-chaining-2pg2)
*   **Theory**
    * [This is about useful JS tips and tricks!](https://itnext.io/this-is-about-useful-js-tips-and-tricks-4a7ef25c33ad)
    * [4 Ways to Safely Access Nested Objects in Vanilla Javascript](https://medium.com/better-programming/4-ways-to-safely-access-nested-objects-in-vanilla-javascript-8671d09348a8)
    * [A Re-Introduction To Destructuring Assignment](https://www.smashingmagazine.com/2019/09/reintroduction-destructuring-assignment/)
    * [It’s Not Wrong that "🤦🏼‍♂️".length == 7](https://hsivonen.fi/string-length/)
*   **React**
    * [Hamburger Menu with a Side of React Hooks and Styled Components](https://css-tricks.com/hamburger-menu-with-a-side-of-react-hooks-and-styled-components/)
    * [Why We Switched to React Hooks](https://blog.bitsrc.io/why-we-switched-to-react-hooks-48798c42c7f)
    * [React Dev Tools — Debug Like a Ninja](https://medium.com/the-thinkmill/react-dev-tools-debug-like-a-ninja-c3a5d09895c6)
*   **Vue**
    * [Building Your Application with Styled Components in Vue.js](https://medium.com/javascript-in-plain-english/building-your-application-with-styled-components-in-vue-js-8d0fdd8e605a)
    * [Vue 3 | Looking into the Vueture: Composition Functions. Natalia Tepluhina on ComponentsConf 2019](https://www.youtube.com/watch?v=dy_ZB1TyFx4)
    * [JSFoo: VueDay 2019](https://www.youtube.com/playlist?list=PL279M8GbNsetq9zfE2yXEuKcUhZR0mnz3#jsfoovueday)
    * [A few handy Vue.js tricks](https://medium.com/@marko.zunic/a-few-handy-vue-js-tricks-832703cff426)
    * [Why Vuejs is so Awesome?](https://medium.com/@ajgihan/why-vuejs-is-so-awesome-926e6afed41)
    * [How to test Vue apps with the popular Cypress framework](https://medium.com/@NAPOLEON039/how-to-test-vue-apps-with-the-popular-cypress-framework-aa9342e2bd58)
*   **Angular**
    * [How to Create Search Engine-friendly Internationalized Web Apps with Angular Universal and ngx-translate](https://itnext.io/how-to-create-search-engine-friendly-internationalized-web-apps-with-angular-universal-and-510c658f2e41)
    * [Add internationalization (i18n) to an Angular app](https://levelup.gitconnected.com/add-internationalization-i18n-to-an-angular-app-b8fa8b51deea)
    * [Configuring an Angular CLI project with GraphQL](https://blog.angularindepth.com/configuring-a-angular-cli-project-with-graphql-37217f66d419)
    * [What’s new After Angular 8](https://blog.angularindepth.com/whats-new-after-angular-8-28d27ce3348a)
*   **Libs & Plugins**
    * [css-dot-js-loader - A Webpack loader which allows to generate static CSS code via JavaScript](https://github.com/finom/css-dot-js-loader)
    * [check-imports - Check imports in JS files and update package.json dependencies](https://github.com/finom/check-imports)
    * [Dark mode on your site with 1 line of code](https://medium.com/@liverm0r/dark-mode-on-your-site-with-1-line-of-code-21b52ac7ef00)
    * ["Native Lazyload" By Google officially in Wordpress](https://wordpress.org/plugins/native-lazyload/)
    * [js-fire - a library for automatically generating command line interfaces (CLIs) from most js objects.](https://github.com/hobochild/js-fire)
    * [poetic: Configuring ESLint, Prettier and Airbnb in 1 Line](https://medium.com/javascript-in-plain-english/configuring-eslint-prettier-and-airbnb-in-1-line-164ab8f1e8c7)
    * [js-noisy-gradient - Small and fast lib for smoothing visible banding in linear-gradient backgrounds.](https://github.com/apankrat/js-noisy-gradient)