The digest of fresh materials from the world of the frontend for the last week №294 (December 18 - 24, 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 “Web Standards”, Anniversary Issue No. 100: why events, promo code at YGLF Kyiv, what has changed in 2 years, service workers everywhere, frozen UA, frontend in 2017, new news formats, who will have young front-end vendors?
• Podcast "Frontend Weekend" # 33 - Vitaly Friedman on the creation and redesign of Smashing Magazine
• Devschacht podcast: Night frontend # 16 - PiterJS 20: Dart, Kotlin, Closure, and Wallaby.js
• Podcast "Frontend Youth (18+)" # 30 Abramov code or monocondential mono-repository
• Podcast «Drinkcast» # 22 - "How to become an independent developer"
• DevShow show from loftblog: Rambler, Andrey Smirnov: How to build a career in a top IT-company?
• ALL YOUR HTML # 28: Shaders, triangulation, lighting, physics.
• Podcast on egghead.io, on a visit to Dan Abramov
• The Totally Tooling Tips Show, Special Christmas Edition: 2017 Review

Web development

• HTML 5.2 in brief
• Frontend in 2017: the most important moments of the year
• 16 reports of this year, which should see every designer and developer
• Googlebot can read JavaScript - how should SEOs react to this?
• Mobile-first indexing on the way - prepare for this your site
• What is really wrong with node_modules and why are you to blame
')

• Performance:
  • Can you afford it? Real-world web performance budget
  • Performance as Perception: Managing Patience
  • Why web developers need to worry about interactivity
  • Another article on how to optimize images for better web performance.
  • 3 tips for faster font downloads
  • Which javascript frameworks are the fastest?
  • Performance in the context of streaming video
  

• AMP / PWA:
  • VKontakte starts AMP support
  • Google: PWA have no advantage in search
  • Addy Osmani on Tinder Performance Enhancement in the PWA Context
  • All you need to know about Progressive Web Applications
  • PWA Feature Detector - A simple web application for determining PWA capabilities.
  

• Instruments:
  • parcel - Lightning-fast packer for web applications without settings . Official translation of documentation
  • Splitting code with Parcel
  • Docusaurus - a project for easy creation and support of documentation for open-source projects
  

• Accessibility:
  • About the many nuances of using the Title attribute
  • What accessibility can teach us the work on navigation GOV.UK
  • Accessibility Code Linter for React
  • Accessibility Testing Tools for Desktops and Mobile Devices
  • The US Department of Justice canceled all the developments under the new Accessibility Act (ADA), which have been worked on for the last 7 years
  • Detailed results of the survey of real users of screen readers
  

• Animation:
  • Weekly selection of beautiful effects on CSS / SVG / JS # 67
  • Using SVG to create a two-color effect for images
  • CSS glitch effect
  • Featured on CodePen for 2017
  

CSS

• Automated correction of indentation in layout based on typographic styles and text metrics
• Improving UX with proper font downloads.
• :: part and :: theme, :: explainer - Monica Dinculescu tells what's new in the Shadow DOM styling
• Learn LESS: Using Functions
• Native validation forms 1: UI and CSS
• Detailed analysis of CSS transitions

• CSS Grid:
  • Learn CSS Grid by recreating familiar layouts: Airbnb, Youtube and others.
  • Want to learn CSS Grid? Take advantage of the new free course
  • How should we handle margin and padding percentages for grid and flex elements?
  

Javascript

• I just asked 23,000 developers what they think about javascript. And that's what I learned
• Comparing front-end frameworks in the real world with benchmarks
• How to track JavaScript and Ajax events using Google Analytics
• The future of jQuery UI and jQuery Mobile
• Async + Await - Wes Bos at dotJS 2017
• JavaScript Of The Future (ES8 & Beyond) - Brian Terlson on JS Kongress 2017

• Theory:
  • How to use local storage with javascript
  • Introduction to Javascript Proxy Objects
  • Future state management
  • Hidden treasures of object composition
  

• React:
  • Top 10 React Libraries on GitHub
  • Solving the problem of class name CSS conflicts in a React application using a webpack loader
  • Taming an isomorphic and universal pattern: server rendering on React-Redux
  • Redux Ugly Side
  • Recent conferences on React and React Native in 99 video - digest of reports on React for Q3 2017
  

• VueJS:
  • WP Vue - a simple blog on Vue that shows posts through WordPress REST API
  • Why 43% of front-end developers want to learn Vue.js
  

• Angular:
  • Angular - Label for importing style files in components
  • Testing Angular 2 and CI with Jest
  

• Libs & Plugins:
  • markdown-to-jsx - markdown text interpreter equivalent of React JSX
  • "Moon Sugar" - a library for adding snowflakes to the site
  • unchanged - a small fast handler with "immutable" objects and arrays
  • imaskjs - masking input fields on pure JS
  • cherow is a fast, standards-compliant, stand-alone ECMAScript parser with a focus on performance and stability
  

Browsers

• Firefox implements deferred execution of third-party motion tracking code
• Activation of Google’s built-in ad blocker is scheduled for February 15
• Opera browser will get built-in protection against cryptodikeking
• Safari Technology Preview 46 introduced Service Workers to Apple's browser

Entertaining

• Prototyping of VR and AR in the browser
• Google introduced the neural network NIMA, ranking photos by aesthetic value
• Eric Schmidt resigns as Alphabet board of directors, but will continue to participate in the development of the company
• Belarusian authorities allowed mining and operations with cryptocurrency
• "Tolkien could not compose languages" Linguist Alexander Peppersky about Klingon, Elvish and other artificial languages
• WHO decided to recognize video game addiction as a mental illness.
• Machine learning, artificial intelligence and other automation of mental labor: 2017 trends from Andrei Sebrant
• Apple admitted to slowing down old iPhones for the sake of "best practices." The same company plans to do with other devices.
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 .
Material prepared dersmoll and alekskorovin .