The digest of fresh materials from the world of the frontend for the last week №277 (August 21 - 27, 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

• Web Standards Podcast, Issue # 82 : Safari, Stylo, PWA and Android, Polymer 3.0, read Shorts, React or CSS, fonts, for beginners, RadioJS.
• Podcast "Five Minutes Angular" # 2 : Angular 5 beta 4, CLI 1.4 rc, schematics, ng-content, CodeDojo MEAN
• Frontend Weekend podcast FW # 16 : How to conduct BeerJS and travel to conferences around the world
• Five Minute React podcast # 32 : Webpack 4, Cycle.js, Error Boundaries, StackBlitz, Preact, Five Minute Angular, npmtrends.com
• RadioJS Podcast, Release 49 : Alive!
• Podcast "Frontend Youth (18+)", # 16 : Secrets of the split in the development of Node.js
• Podcast "devschacht", Issue number 7 : Look my pullrequest
• Devschacht podcast : Night Front End - Pilot Release
• The podcast "Drinkcast", Issue # 5 : "Freelance vs office, about work and motivation"
• Good bad monkey patching, or Who are the ponifili? Igor Alekseenko in HTML Shorts
• “Chrome Extension for FPS Show” - Weekly stream from Yuri Artyukh “ALL YOUR HTML” # 12
• GitHub Workflow Pro-Tips - a fresh release of Totally Tooling Tips on Google Chrome Developers channel

Web development

• Path maker. Year of 2017.
• Release html5-boilerplate version 6.0.0
• Node.js forked again due to unconditional leadership complaints
• What do you know about the height of the viewport in 2017?
• Offline Forms
• Validation of forms using Web Audio
• Unusual web animation using GreenSock plugins
• Weekly selection of beautiful effects on CSS / SVG / JS # 50
• AMP / PWA:
  ')
  
  • A progressive way to create your progressive web application on the example of cloudfour.com
  • Easily accessible PWA fruit: manifest file and service workers
  • Android Oreo bites off a piece of PWA
  • MOTOR-TALK.de: our smooth path to AMP
• Performance:
  
  
  • About CSS and JS file management in the HTTP / 2 world
  • What is Time To First Byte (TTFB), why this value is important and how to improve it
  • Productivity is about people, not about metrics . Tammy Everts Report with Velocity 2017
• Instruments:
  
  
  • Polymer 3.0 Preview: npm and ES6 modules
  • puppeteer - Headless Chrome Node API
  • Custom Elements Everywhere - a project that shows the state and compatibility of Custom Elements with other frameworks
  • SVG Gradient Wave Generator
  • Aperitif - an online tool for building templates and prototypes in HTML
  
  Become a GIT Pro by examining the GIT architecture in 15 minutes
  

Availability:

• 10 recommendations for improving the accessibility of web pages
• What's new in WCAG 2.1
• WordPress Plugins to Improve Website Availability
• How to structure headers for web accessibility

CSS

• We check the browser to support certain CSS properties.
• A simple exploit gives attackers the opportunity to change the contents of the letter after sending
• detect_flex - A simple and guaranteed method for determining support for FLEX and BOX in any browsers.
• Inside the super fast CSS engine: Quantum CSS (aka Stylo)
• Improving Web Typography with CSS Font Size Adjust
• 4 CSS techniques that will work with any CSS preprocessor or framework
• So, do you need a utility library in CSS? Reflections of Chris Koyera
• Creating a responsive layout using CSS Grid
• Continuing @CodePen CSS Transforms tutorial: Explaining the Coordinate System
• An example of using Sass Maps and cycles

Javascript

• Explore and optimize Object # toString performance in ES2015
• Good bad monkey patching, or Who are the ponifili? . Text transcript of the latest release of HTML Shorts
• Reverse engineering malicious fraud script
• New videos from the basic course on JS by Ilya Klimov on the Javascript.Ninja channel: “Setting up the environment” , “Asynchronism # 1. Callbacks - Basic Course »
• Pretty algorithms are popular useful algorithms written in modern and understandable Javascript along with examples of use in the real world.
• JavaScript eats the world . An example of five huge companies that have moved to server-side JavaScript
• How JavaScript works: inside the V8 engine + 5 tips on how to write optimized code
• JavaScript Thinking
• 8 most popular JavaScript frameworks currently
• Convert a conversation to text using javascript
• ES2015 +:
  
  
  • ES8 introduces async / await functions
  • async & await , fresh article from David Walsh
  • "Async / Await in JavaScript" , 47-minute detailed video on CodeWorkr
• VueJS:
  
  
  • Migrate the VueJS application to Vuex
  • Creating a quiz on Vue.js
  • Vue.js + Brunch: the alternative to Webpack you have been waiting for
  • 4 AJAX templates for applications on Vue.js
• React:
  
  
  • All the fundamental principles of React.js collected in one article
  • If you are a startup, do not use React (looking back at BSD + patent licenses)
  • From zero in Angular to React hero in 3 days
  • How do you separate the components?
  • FermionJS is a visual prototyping tool for React applications.
  • Presentation of downshift is the primitive you need to create simple, flexible, WAI-ARIA compatible (p) React components for autocomplete / typeahead / dropdown / select / combobox / etc. From paypal
• Angular:
  
  
  • Preload ngrx / store using Route Guards
  • Creating advanced components in Angular
  • Unit testing with Angular and ineeda
  • Angular - apply the principles of movement to listing
  • compodoc - Automatic documentation for your Typescript / Angular projects.
• Libs & Plugins:
  
  
  • Pts.js - allows you to create and visualize points in spaces.
  • JQuery.myData - A small and convenient jQuery & Zepto plugin for two-way data binding
  • media-player is a small, adaptive, international, accessible, cross-browser media player on vanilla JavaScript.
  • fuzzysort - fast library for fuzzy search implementation
  • fitty - a script that changes the font size relative to the size of the parent element so that the text fits into it
  • textics - counting text statistics - strings, words, characters, and spaces

Browsers

• Firefox plans to implement an anonymous collection of statistics on visited sites
• Google Chrome will be able to constantly turn off the sound on sites
• What's new in DevTools in Chrome 61
• Technical details of Safari Technology Preview 38

Entertaining

• Google accelerated the delivery of AMP ads
• Google has released a new version of Android called Oreo
• The Linux kernel has turned 26 years old
• Google introduced an algorithm that removes watermarks. In a week Shutterstock broke it.
• Google introduced Chrome Enterprise, a variant of Chrome OS for enterprises
• Developer vs programmer
• Chinese Internet and software: about sore
• Catching up evolution: the story of walking robots Boston Dynamics
• DDoS: as a weapon against war became a weapon against the Internet
• How blockchain and artificial intelligence will rule cities
• Bit or not bit: how computers trash people in all new games and what to do about it
• Six myths about the blockchain and Bitcoin, or Why it is not such an effective technology
• How Yandex taught artificial intelligence to understand the meaning of documents

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