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 .