The digest of fresh materials from the world of the frontend for the last week №293 (December 11 - 17, 2017)

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

• Podcast "Frontend Weekend" # 32 - Andrey Smirnov about how Frontend Weekend appeared and how to become a leader from a developer
• Web Standards podcast, Release №99: Beta Chrome 64 and V8, support for open source, what's wrong with CSS, what's wrong with classes in JS, HTML 5.2 and WHATWG.
• Five Minute React podcast # 38 - React + Typescript =? Visiting a man who instead of recording RadioJS walks on someone else's podcasts
• Devschacht podcast: Night frontend # 15 - HolyJS day 2, Rust takes over the world, V8 news
• Podcast "Frontend Youth (18+)" # 29 Vue.js for rogue , Knut and Gingerbread Method
• Podcast "Drinkcast", # 21 - "RN vs PWA"
• "ALL YOUR HTML" # 27: "Christmas animation with Lida"
• 29 videos from FrontendConf 2017
• Podcast syntax: web development in 2017 && look in 2018

Web development

• News:
  • HTML 5.2 received the status of the recommended standard , HTML 5.3 is on the way
  • New WHATWG policy: a step towards a single HTML standard?
  

• Search Engine Optimization Guide for Beginners - New, Updated SEO Guide from Google
• Polymer 2 and Googlebot . Working with client web applications and web components? Then you should take care of indexing your site by Google bots.
• How to use the templating language in developing HTML emails (EJS and ES6 template strings)
• Working with HTML5 Canvas using Konva , a five-article tutorial series
')

• AMP / PWA:
  • Google AMP: all you need to know
  • Making the site more app-like
  • Google Maps silently launched PWA called Google Maps Go
  

• Performance:
  • About the metrics of rendering pages on a speedcurve blog . The guys propose to add one more - Hero Rendering Times for the biggest IMG, H1, and BG img in the viewport
  • Igor Alekseenko from HTML Academy talks in detail about optimizing front-end performance , immersing himself in the nuances of working with memory and its leaks
  • How and why to take care of performance - a report by Artem Denisov from the last KharkivJS
  

• Instruments:
  • Parcel - a very fast bandler that does not require configuration.
  • npm vs Yarn - which package manager should I use?
  • microbundle - packer with zero configurations for small modules
  • How do browsers actually work? 5 videos with internal details
  

• Accessibility:
  • WCAG 2.1 and code name Silver (AG): what will be in the updated guide to accessibility
  • Accessibility in the context of semantic HTML markup
  • Tools for accessibility testing
  • SVG, icon fonts and availability on the example of a real site
  • We write automated tests for accessibility
  • The transition from fear to motivation when talking about the law on digital accessibility
  • How to use text underline to improve UX
  

• Animation:
  • Weekly selection of beautiful effects on CSS / SVG / JS # 66
  • Game graphics using WebGL / three.js and Lazy-Loading for 3D models
  • 3D Particle Explorations - a cool set of demos that explores particle animation in 3D space with the help of three.js
  • shuffle - a three-dimensional implementation of running lines of text
  • NEBULAAN - an impressive implementation of a voluminous smoky star
  

CSS

• Learning CSS Markup
• Making responsive HTML by adding one line to CSS
• 11 things I learned by reading the CSS Grid specification
• Notes on vertical writing and CSS grids
• Understanding CSS Layout and Block Formatting Context
• Preserving the visibility of the parent element when the child is in focus
• ABEM. Another adaptation of BEM
• My journey into the world of images on pure CSS
• Specificity Visualizer is a CSS-specific selector visualizer especially useful for refactoring large style files.
• Font display control with font-display

Javascript

• The results of a survey on the use of javascript-technology "The state of JavaScript 2017"
• 30 seconds of code - supervised collection of useful JS snippets that we can understand in 30 seconds
• Is jQuery still appropriate?
• How to join the API using javascript
• Nexus.js view: multi-stream JavaScript runtime
• JavaScript - Map vs. ForEach

• ES2015 +:
  • Why [don't] need to use async / await
  • Run Mocha tests as native ES6 modules in the browser
  • Current implementation and planning status for ESModules
  

• VueJS:
  • 11 component libraries for Vue.js, which should be kept in mind in 2018m
  • Vue.js Mobile Inspector
  

• React:
  • React Starter Kit - a five-part free video course with interactive code samples.
  • How is React different from Vue? How Is React Different from Vue?
  • Understanding Redux by Creating Your Own Store
  • Question at the interview for React: what is rendered in the browser, component or element?
  

• Angular:
  • Creating PWA using Angular 5: Part 1: getting started with the framework, creating an application, hosting on github-pages. , Part 2: Application Progression
  • Simplify scss / less / styl imports to Angular
  • What's new in Angular CLI 1.6?
  • NGRX Store: Actions versus Action Creators
  • Protractor alternative for Angular projects
  

Entertaining

• The principle of net neutrality was abolished in the USA
• A lot of news about network neutrality. What it is?
• Battle of network neutrality: background
• Some Firefox users have been forced by the incomprehensible addition of Looking Glass.
• Scientists: the AI ​​has turned into a black box, and something needs to be done about it.
• 9 designer trends that define 2018
• In the darknet we found a database containing more than 1,400,000,000 credentials

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 last week
Material prepared by dersmoll and alekskorovin