The digest of fresh materials from the world of the frontend for the last week №289 (November 13 - 19, 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" # 28 - Alexander Mayorov about the future of RadioJS and his own personnel agency
• The Web Standards Podcast, Issue # 95: Firefox Is Alive! Pair programming, fast JS, accessibility, books and terms, company schools, juniors
• Devschacht Podcast: Night Frontend # 11 - How Not to Drown in Pool Requests
• Podcast "Frontend Youth (18+)" # 27 Why Dan Abramov does not use Firefox
• The podcast "Drinkcast", Issue # 17 - "How to get out of Wim?"
• “ALL YOUR HTML” # 23: “Landing page with full-screen scrolling and animations on PubSub”
• CSSSR Conf 2017
• NodeConfEU 2017, 29 videos

Web development

• All major browsers now support WebAssembly
• Synchronous update: The Atom code editor has a function for parallel programming Teletype , and Microsoft has introduced a technology for pair programming Live Share
• W3C has published strategic development plans : Web Assembly, WebRTC, Web Payments, WebVR, and more.
• First look at Polymer 3.0
• How to use SVG as a placeholder, as well as about other image loading techniques
• The complete guide to bulletproof buttons in mailing letters
')

• Performance:
  • Optimize the speed of rendering web pages . Martin Splitt talks about bottom-up performance: he starts at a pixel and rises level after level, ending with page layout
  • Page load metrics . What do they all mean?
  • On the minification of SVG and Gzip . How to use compressors in the most optimal way
  • 120fps - new performance bar for 2018
  • Why should you give PageSpeed ​​priority when discussing a new site with a client?
  • How to optimize the critical rendering path in WordPress
  • 8 lesser-known (but useful) plugins to improve performance in WordPress
  

• Accessibility:
  • Scaling text is no longer relevant? About text size and accessibility requirements based on old myths and new WCAG 2.1 criteria
  • Inclusive Web Design Checklist
  • How to disable links?
  • ADA Website Compliance: A Beginner's Guide
  • Available web applications with React, TypeScript and AllyJS
  • How accessible is your site for people with disabilities? Consider conducting an audit to find out
  

• Animation:
  • Weekly selection of beautiful effects on CSS / SVG / JS # 62
  • Animated slider with creative frames on SVG
  • Stylish cycling animation with gsap svg stroke
  • Javascript scan sequencer. Using the camera, create music in real time with your movements. Written using p5js and tonejs
  

CSS

• Apply media expressions for browser window proportions
• “Remarks” CSS-code
• Eric Meyer on reducing CSS complexity
• After many years of inactivity, Eric Meyer updated his timeline with CSS modules.
• How to use CSS gradients in the web
• Environment variables in CSS; how to deal with the software frame in iPhone X
• Take control of your scroll: pull-to-refresh customization and overflow effects
• CSS tricks that can bring a revolution to your layouts
• Monitoring unused CSS using DevTools protocol powers
• We start to understand the mathematical functions in CSS Level 4
• Aspect ratio for grid elements
• Using CSS Grid: Support for non-grid browsers

Javascript

• Javascript: the path to code clarity
• Draft.js - a framework for creating text editors from Facebook . Russian speaking guide
• Generate HTTP requests . Fetch or Axios.js
• JavaScript design patterns for 2017 . Scott Allen report
• GraphQL - API in a new way . Report by Vladimir Tsukur on JavaDay UA 2017
• Budget javascript (shipping cost and performance) . Eddie Osmani shares JS fast loading recipes: less code = less parsit / compile + less transfer + less data for decompression
• A good selection of cheat sheets and javascript tutorials
• Symbols, Generators and Threads in JavaScript
• Lecture on the main features of ES2017 + , by Dmitry Soshnikov
• Start using Babel 7 Beta today!
• Vue Konva: A JavaScript library for drawing complex canvas graphics with Vue
• Developing an extension for Google Chrome using Angular 4

• React:
  • How does Redux work by creating a counter?
  • Starter Kit WordPress + React Starter Kit from Postlight
  • Want to learn more about React? Let's create a game and play it.
  • Clean code vs. dirty code: React best practices
  • Everything you need to know about React: the basics you need to start developing
  • A quick guide to webpack bundle and code sharing in React
  • Migration of applications from Angular 1.x to React - a hybrid way
  

• Libs & Plugins:
  • Luxon is a modern and powerful wrapper for working with time and dates.
  • ECharts is a powerful visualization library from baidu for drawing diagrams in Canvas.
  • react-scroll-to - helps scroll to specified parts of a page in React
  • Release remoteStorage.js 1.0.0 (for synchronization of local data)
  

Browsers

• Release of Firefox 57 with a multi-threaded CSS engine and a new look . Details for developers from Marat Tanalin
• Entering the era of Quantum - how Firefox became fast again and when it will be even faster
• Super-stable WebVR experience with Firefox Quantum
• Is Firefox Quantum Good? (Spoiler: yes)
• Firefox will block all links of the form data: URI
• Google is ready to fork out to return your search engine to Firefox
• Google has removed the Chinese UC Browser from the Android app store
• Safari Technology Preview 44 release details

Entertaining

• WordPress 4.9 has been released with major customizer enhancements, an updated code editor, and a new gallery widget.
• Google will start demanding AMP content and canonical pages
• Video of the day: the Boston Dynamics Atlas robot does reverse flips
• Google experts called phishing the most dangerous type of attack
• Tim Berners-Lee on the future of the Internet: “The system fails”
• Google TensorFlow Lite software allows launching AI algorithms on ordinary smartphones
• GitHub will implement the Microsoft GVFS tool to support large-scale projects.
• IEEE announced the introduction of 3 AI standards to ensure the well-being of humanity in the era of robots
• Not like everyone else: how does Snapchat differ from other Silicon Valley start-ups, and will it help it survive
• Optical effects in user interfaces (for real nerds)

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 .
Material prepared dersmoll and alekskorovin .