Frontend Weekly Digest (19–25 August 2019)

Tags: webdev, css, javascript, react
Published: 2019-08-26 07:02:39

### Web-development

  
• [amp-script: AMP JS](https://blog.amp.dev/2019/08/21/amp-script-amp-heart-js/)  
• [What HTML6 really needs (Living standard)](https://itnext.io/what-html6-really-needs-living-standard-be0d962a7997)  
• [Optional HTML: Everything You Need to Know](https://meiert.com/en/blog/optional-html/)  
• [🐕 Announcing NodeGUI and React NodeGUI - Build native desktop apps with Javascript and CSS 🎉](https://blog.atulr.com/nodegui-intro/)  
  

*   **Performance:**  
    • [Faster Image Loading With Embedded Image Previews](https://www.smashingmagazine.com/2019/08/faster-image-loading-embedded-previews/)  
    • [Using rel=”preconnect” to establish network connections early and increase performance](https://css-tricks.com/using-relpreconnect-to-establish-network-connections-early-and-increase-performance/)  
    

*   **API:**  
    • [Text to speech in the browser with the Web Speech API](https://www.twilio.com/blog/speech-to-text-browser-web-speech-api)  
    • [The Native File System API: Simplifying access to local files](https://developers.google.com/web/updates/2019/08/native-file-system)  
    


*   **Accessibility:**  
    • [What Tumblr Taught Me About Accessibility](https://www.nicchan.me/blog/what-tumblr-taught-me-about-accessibility/)  
    • [Midyear ADA Web & App Accessibility Lawsuit Report](https://blog.usablenet.com/midyear-ada-web-accessibility-lawsuit-report-blog). "The rate of lawsuits filed in federal courts related to website and app accessibility has now hit a rate of one-an-hour, that’s 8 a day, 40 per week and set to be on pace for over 2,000 lawsuits again this year."  
    • [Top 5 Resources for Web App Accessibility](https://www.telerik.com/blogs/top-5-resources-web-app-accessibility)  
    


*   **Practice:**  
    • [Multiplayer Tic Tac Toe with GraphQL](https://css-tricks.com/multiplayer-tic-tac-toe-with-graphql/)  
    • [How To Build A Real-Time Multiplayer Virtual Reality Game (Part 1)](https://www.smashingmagazine.com/2019/08/real-time-multiplayer-virtual-reality-game-part-1/)  
    • [The Making of an Animated Favicon](https://css-tricks.com/the-making-of-an-animated-favicon/?ref=heydesigner)  
      
      
### CSS
  
• [Where did CSS named colours come from?](https://www.chenhuijing.com/blog/where-did-css-named-colours-come-from/)  
• [Here’s a List of Top CSS Front-End libraries](https://medium.com/better-programming/heres-a-list-of-top-css-front-end-libraries-eb0330c04148)  
• [Can you view print stylesheets applied directly in the browser?](https://css-tricks.com/can-you-view-print-stylesheets-applied-directly-in-the-browser/)  
• [Bounce Element Around Viewport in CSS](https://css-tricks.com/bounce-element-around-viewport-in-css/)  
• [CSS Can Do This... And It's Terrifying!](https://www.aaron-powell.com/posts/2019-08-14-css-can-do-this-and-its-terrifying/)  
  

### JavaScript

• [Use JavaScript Generator Functions to Reduce Memory Utilization](https://levelup.gitconnected.com/how-i-met-your-javascript-generators-reduce-memory-used-on-your-browser-and-server-8ed2c5077d5c)  
• [Using Native JavaScript Modules in Production Today](https://philipwalton.com/articles/using-native-javascript-modules-in-production-today/)  
• [Debouncing and Throttling in JavaScript](https://www.telerik.com/blogs/debouncing-and-throttling-in-javascript)  
• [JS: Things To Learn To Become Senior](https://itnext.io/javascript-things-newbies-should-know-e04bab10449f)  
  

* **React:**  
    • [React: Building an accessible FAQ component](https://medium.com/@gaurav5430/react-building-an-accessible-faq-component-bac135116532)  
    • [5 Tips to Help You Avoid React Hooks Pitfalls](https://kentcdodds.com/blog/react-hooks-pitfalls)  
    • [Localization with React](https://medium.com/@danielmjung/localization-with-react-dc26fb013028)  
    • [Using requestAnimationFrame with React Hooks](https://css-tricks.com/using-requestanimationframe-with-react-hooks/)  
    • [Modern React testing, part 2: Jest and Enzyme](https://blog.sapegin.me/all/react-testing-2-jest-and-enzyme/)  
    • [The state of semantic JSX](https://blog.logrocket.com/semantic-jsx/)  
    

*    **VueJS:**  
    • [How to load dynamic images in Vue and Nuxt with ease](https://blog.lichter.io/posts/how-to-load-dynamic-images-in-vue-and-nuxt-with-ea/)  
    • [Vue.js Router Performance](https://vueschool.io/articles/vuejs-tutorials/vue-js-router-performance/)  
    • [How to Use Vuetify in Vue.js](https://medium.com/@hohanga/how-to-use-vuetify-in-vue-js-467f9fd07ecd)  
    • [How to avoid SOLID principles violations in Vue. JS application](https://medium.com/@manuustenko/https-medium-com-manuustenko-how-to-avoid-solid-principles-violations-in-vue-js-application-1121a0df6197)  
    

*   **Angular:**  
    • [7 Ways to Make Your Angular App More Accessible](https://www.telerik.com/blogs/7-ways-to-make-your-angular-app-more-accessible)  
    • [Angular Search & Pagination](https://itnext.io/angular-search-pagination-41572ef0078f)  
    • [Why you should never use function calls in Angular template expressions](https://medium.com/showpad-engineering/why-you-should-never-use-function-calls-in-angular-template-expressions-e1a50f9c0496)  
    

*   **Ember:**  
    • [Ember.js and React.js: Comparisons between some of the advanced features](https://medium.com/@abdullah2891/ember-js-and-react-js-comparisons-between-some-of-the-advanced-features-1dea688edffb)  
    • [The Ember Atlas](https://www.notion.so/The-Ember-Atlas-4094f81c86c34badb4a562ed29414ae1) - A place for all things Ember: processes, best practices, upgrade guides, and more!  
    • [Making an Electron App with Ember JS](https://dev.to/mitchartemis/making-an-electron-app-with-ember-js-part-1-initial-setup-11c0)  
    • [Commit Porto '19: Thriving through the hype cycle: an Ember.js story (Ricardo Mendes)](https://www.youtube.com/watch?v=ECkbVa0iC4k)