The digest of fresh materials from the world of the front-end for the last week No. 375 (August 5 - 11, 2019)

We bring to your attention a selection with links to new materials from the frontend area and around it.

Media | Web Development | CSS | Javascript | Browsers | Entertaining

---

Media

• Web Standards Podcast , 188. Address Book, Hermes, PageSpeed, DevTools, ndb, Puppeteer, PiterJS
• CSSSR Podcast: News 512 - 25 years of PHP, Github Actions, design, CSS and Instagram optimization
• Devschacht Podcast # 90 : Live with SkyEng about Remote Work
• Podcast "devschacht" # 89 : Roman Prudnikov about working in 2GIS and Yandex Music.
• Podcast Frontend Youth (18+) # 103 : Little Black Hole - A Stallman Shelter
• Repozitorro # 24 : Junior Portfolio from a Different Angle ...
• Podcast Web Standards , No. 187. HTML semantics, Web Components, W3C and WHATWG, HTML5 Doctor, Prince XML, Web Monetization
• Now Live: Your SmashingConf Toronto Playlist

Web development

• Fantastic web specifications and where they live
• A simple introduction to Web Workers in JavaScript
• Create interactive, optimized emails using Google’s AMP Framework
• Why is modern web development so complicated? A Long But Hasty Explanation: Part 1
• Which is better: PWA loyalty program or mobile app?
• Contact Picker API , details of the new API on the Google Developers Blog
• Mavo shine when creating interactive web applications

• Performance:
  • Features of Google PageSpeed: improved site rating and search ranking
  • Largest Contentful Paint (LCP) . New performance metric to help you measure the loading time of the main content of a web page.
  • Time to First Byte: what it is and why it matters
  • Native lazy web upload
  • Native Lazy-Loading already works in Chrome 76!
  • Establish network connections in advance to improve perceived page speed
  • High performance web input processing
  

• Tools:
  • 5 useful webpack plugins
  • Visual Studio Code Hot Key Guide for Higher Productivity and 30 My Favorite Shortcuts Worth Learning
  • SVG Gobbler is a simple extension that finds SVG in the current window, selects unique attributes, including size, and allows you to download or copy an already optimized version to the clipboard
  

• Accessibility:
  • Web Accessibility vs. Usability
  • Unexpected Accessibility Tips
  

• Animation:
  • The effect of leaving traces of images when moving the mouse
  • Impressive Inspirational Websites Roundup # 7
  • How to create web animations with Anime.js
  
  

CSS

• Custom CSS attributes as a mechanism for transferring data from JavaScript to CSS
• Writing Modes and CSS Layout
• Learning CSS by reading specifications
• Handling Unused CSS in SASS for Better Performance
• CSS: empty Selector
• Weekly news of the platform: CSS font-style: oblique, webhin browser extension, CSS Modules V1
• Design Principles for Developers: CSS Processes and Tips for Better Web Design
• Move text along a curved path
• 5 cool CSS grid generators for your layouts
• Subpixel rendering and borders

Javascript

• As I did not take first place in the competition for JavaScript developers from Telegram
• A modern JavaScript tutorial . A big update of a popular resource from Ilya Kantor
• How to implement drag & drop for HTML elements and files using Javascript
• Creating My First Svelte Application: Thoughts and Impressions
• Client-side JS Redirects: can Googlebot detect them?

• Theory:
  • Type System FAQs
  • Defined or Undefined? The nuances of creating arrays in JavaScript
  • Using let declarations of variables and features of the resulting closures in JavaScript
  • Design Patterns # 1 - Singleton (Single)
  • Working with ECMAScript 2019 Asynchronous Iteration with for-of
  • Intl.NumberFormat
  • Interesting use cases for bitwise JavaScript operators
  • JavaScript Promise combinators: .all (), .race (), .allSettled ()
  

• React:
  • React Basic Animated Guide
  • React v16.9.0 release and roadmap update
  • What's New in React v16.9
  • How does Development Mode Work work?
  • Building Mobile Applications with Ionic and React
  • useEffect or useLayoutEffect in a simple accessible language
  • Using Immer to Manage React Application State
  

• VueJS:
  • Creating SPA on Vue.js on top of Headless WordPress
  • How to set up a development environment for Vue
  • Modifying component data using event sources in Vue.js
  • Getting More From Asynchronous Vue Components
  

• Angular:
  • Using async-await function in Angular
  • Asynchronous modules and components in Angular Ivy
  • Towards Angular 9: Three Bug Fixes in Angular 9
  • How to exchange Angular components between projects and applications
  

• Ember:
  • Handling Foreign Key Attributes in an API with Ember Data
  • Writing Tests Like Maths: Part 1
  • EmberMap Podcast - Object references considered helpful
  • EmberMap Podcast - You gotta feel the pain
  

• Libs & Plugins:
  • sharec - a project to replace boilerplates and packages like Create React App, which allows you to update configs and allows you to make changes to them
  • Frosted Panel - a cross-browser library based on pure JS for implementing the responsive “Frozen Glass” effect
  • murphyjs: an easy way to implement scroll-based animations in your components.
  

Browsers

• Found a method to determine incognito browsing in Chrome 76
• Chrome 78 Canary tests forced dark mode for all sites
• Added strict page isolation mode to Firefox nightly builds
• Safari Technology Preview 89 Release Notes

Entertaining

• Attack on front-end backend systems, allowing you to wedge in third-party requests
• Google highlighted podcasts in search results
• Huawei officially introduced the HarmonyOS distributed operating system
• A new vulnerability has been identified in processors that circumvents protection against Specter and Meltdown
• Microsoft contractors are listening to some Skype user conversations
• To invent a popular game, but not to make money on it: the story of Tetris and its inventor

We apologize for any typos or broken / duplicated links. If you notice a problem - please write in a personal email, we try to quickly fix them.

Last week's digest .
Material prepared by dersmoll and alekskorovin .