The digest of fresh materials from the world of the frontend for the last week №368 (June 3 - 9, 2019)

We offer you a selection with links to new materials from the front-end area and around it.

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

---

Media

• Web Standards Podcast , Issue # 178: W3C + WHATWG, SEO, Speed, Ember.js, Elm, Puppeteer
• Podcast "Frontend Weekend" # 92 - Artem Kobzar about teaching, Kharkov and things that a junior developer should know
• Podcast "devschacht" 83: Talk about Ember
• Five-minute React podcast : MSK VUE.JS MEETUP
• Podcast "Frontend Youth (18+)" # 95 How to become a CTO
• CSSSR podcast : News 512 - WebAssembly on eBay, modern hoisting, Chrome 75 and other releases, Huawei battles
• CSSSR podcast : News 512 - Svelte again, Github donations, React Hooks patterns and Ember.js documentary
• Frontreview # 12 : “What Junior must ask at the interview”
• proConf # 15 : ng-conf 2019 | ngRx on the example of a banana | fashionable grids | flights to mars
• "Repozitorro # 17 : Suspecting that someone else's code ...
• JSHeroes 2019 , 20 videos

Web development

• How to use the Web Share API
• SEO requirements for a new site
')

• Performance:
  • Frontend performance: parse important metrics
  • Extract critical CSS . Learn how to improve rendering times with critical CSS techniques.
  • Effectively improve the performance of your (mobile) site
  

• Accessibility:
  • We create the most inaccessible website with the perfect Lighthouse rating.
  • Focus on accessibility
  • Anatomy of available forms: a problem with Placeholders
  • Form Accessibility: A Practical Guide
  • Web accessibility in context . How do browsers and HTML support screen readers today?
  

• Animation:
  • A selection of inspirational sites Roundup # 5
  • A selection of creative demos Roundup # 5
  

CSS

• CSS Flexbox in Bootstrap 4
• Prevent page scrolling when opening a modal window
• Animation of the movement of the modal window on a given path
• CSS mentality
• CSS Architecture - Folder and File Structure
• CSS Grid Level 2 - subgrid will soon appear in Firefox
• Variable fonts and non-standard axes
• Keeping your CSS in JS clean

Javascript

• Getting ready for 2020: 8 trends in JavaScript client development that you need to know
• Recommendations for writing clean code in JavaScript
• What's new in Node 12
• How to manage music with PS4 DualShock and JavaScript
• Enable modern javascript on npm
• Javascript: refutation of SEO myths
• JAVASCRIPT SEO DEAD! Now what?

• Theory:
  • Arrays in JavaScript : From [0] to ['H', 'E', 'R', 'O']
  • Magic, mystical transducers in javascript
  

• React:
  • Creating an animation using React Spring
  • Top 5 Skills to Learn for Junior JavaScript Developer
  • As I made my application on React 4 times faster.
  • What is the meaning of React hooks?
  • Cache React event listeners for better performance.
  

• Angular:
  • Angular 8
  • Angular & RxJS: Deep Dive in Async Pipe
  • Journey to Angular Animation
  • Under the hood Angular CLI - de-builders
  • Angular: the journey of one of the most popular front-end tools in today's labor market
  

• VueJS:
  • Tutorial: How to make an animated interactive slider on Vue.js
  • Reefs Vue.js. Common fixes for major issues
  • Building a dynamic tree diagram using SVG and Vue.js
  

• Ember:
  • Podcast "Crash Log" : Product Hunt launch, speed vs. quality, integrations
  • Podcast EmberMap, Ep. 64 - Open source isn't free
  • React Response Hot Loading
  

Browsers

• Mozilla calls Google’s proposal to distribute digitally signed web packages “harmful”
• Chrome 75 release
• Mozilla plans to launch a paid Firefox Premium service.
• New feature Firefox Dev Tools, telling why the CSS property has no effect

Entertaining

• "Now there will be a musical revolution": the history of the launch of iTunes and the reasons for closing the service
• Computational Photography . The future of photography is code
• 19 great free neural networks
• Questions of morality and law: is society ready to entrust itself to artificial intelligence
• Former NPM Tech Director develops distributed Entropic package repository
Go

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

Digest from last week .
The material was prepared by dersmoll and alekskorovin .