April 8, 2018 at 23:40The digest of fresh materials from the world of the front-end for the last week No. 309 (April 2 - 8, 2018)
We bring to your attention a selection with links to new materials from the frontend area and around it.
Media | Web Development | CSS | Javascript | Browsers | Entertaining
•
Frontend Weekend podcast # 47 - Yegor Tolstoy about the front-end complex, Submarine and reforms in Avito
•Web Standards podcast, Issue No. 115: New Safari and Chrome, Ruby Sass everything, logical CSS properties, available tables, incorrect classes and const in JS.
•Podcast “Five Minutes React” # 43 - React 16.3
•Podcast “5 minutes of React” # 20 - Jake Archibald: In The Loop (JSConf.Asia 2018)
•Podcast “Devshacht / Night Front End”: No. 29: CodeFest 2018. Day second
•Podcast “Pro WEB IT”, Issue 1 - About constants in JavaScript
•
“ALL YOUR HTML” # 43: “Letters with physics”
•JSConf Iceland 2018 , 35 videos
•
RealWorld project: comparing front-end frameworks
•Watch out for copy-paste: fingerprinting text with non-printable characters
• How we control the public accessibility of BlaBlaCar
•
Beautiful, interactive canonical AMP pages : an interactive online guide
•Chris Coyer’s latest AMP newsletter
•Novice in creating letter templates ? Here is the place to start learning
• A weekly selection of beautiful effects on CSS / SVG / JS # 75
• Taming CSS blending modes
•SASS: Optimizing media screen
•Limiting text length through a gradient
•Classic Ruby Sass is deprecated, work is stopped on March 26, 2019
•Grid Layout cheat sheet (pdf)
•Implementing concave corners on CSS, 2018 techniques years
•Why do you do this in CSS? . Chris Koyer on the meaning of the technique of creating images in pure CSS
• Get rid of the“grid-” prefixes in the properties of indentation between cells in CSS Grid Layout
• Hybrid neural networks with GPU acceleration in JavaScript
• Creating immutable objects in TypeScript
•Mozilla blog article: JavaScript to Rust and vice versa: wasm-bindgen history
• Chrome extension has been published that replaces potentially dangerous characters with emojis
• Which browser handles password storage best
• Mozilla develops a special version of Firefox Reality browser for virtual reality headsets
• Users are indignant that Chrome scans files on a local drive
• Google has banned the placement of Chrome add-ons c code for mining cryptocurrencies
• Why e-sports are more promising than traditional sports
• Google developers have taught AI to predict patterns
• Reddit redesigned for the first time since 2008
• Improved interface due to trifles: seven tricks for non-designers
• Critical vulnerabilities in Cisco switches and active SMI pose a threat to key infrastructure
• Intel acknowledged that vulnerabilities Meltdown and Specter could not be fixed for a number of processors
• Instagram without warning restricted access to the API for third-party applications
← Digest last week
Material prepared dersmoll and alekskorovin
Media | Web Development | CSS | Javascript | Browsers | Entertaining
Media
•
Frontend Weekend podcast # 47 - Yegor Tolstoy about the front-end complex, Submarine and reforms in Avito•
Web Standards podcast, Issue No. 115: New Safari and Chrome, Ruby Sass everything, logical CSS properties, available tables, incorrect classes and const in JS. •
Podcast “Five Minutes React” # 43 - React 16.3•
Podcast “5 minutes of React” # 20 - Jake Archibald: In The Loop (JSConf.Asia 2018)•
Podcast “Devshacht / Night Front End”: No. 29: CodeFest 2018. Day second•
Podcast “Pro WEB IT”, Issue 1 - About constants in JavaScript•
“ALL YOUR HTML” # 43: “Letters with physics”•
JSConf Iceland 2018 , 35 videos
Web development
•
RealWorld project: comparing front-end frameworks•
Watch out for copy-paste: fingerprinting text with non-printable characters• How we control the public accessibility of BlaBlaCar
•
Beautiful, interactive canonical AMP pages : an interactive online guide •
Chris Coyer’s latest AMP newsletter•
Novice in creating letter templates ? Here is the place to start learning• A weekly selection of beautiful effects on CSS / SVG / JS # 75
- Productivity:
•Lazy loading of images and videos : techniques, nuances and possible problems in the Google developers blog
•Improving the performance of your site with Lazy-Loading and code separation
- Tools:
• The release of the new version of Visual Studio Code has been introduced
• The story of Webpack 4 and how to finally configure it correctly
•headless-chrome-crawler - distributed crawler working with Headless Chrome
•Webpack v4.5.0 released
CSS
• Taming CSS blending modes
•
SASS: Optimizing media screen•
Limiting text length through a gradient•
Classic Ruby Sass is deprecated, work is stopped on March 26, 2019•
Grid Layout cheat sheet (pdf)•
Implementing concave corners on CSS, 2018 techniques years•
Why do you do this in CSS? . Chris Koyer on the meaning of the technique of creating images in pure CSS • Get rid of the
“grid-” prefixes in the properties of indentation between cells in CSS Grid Layout
Javascript
• Hybrid neural networks with GPU acceleration in JavaScript
• Creating immutable objects in TypeScript
•
Mozilla blog article: JavaScript to Rust and vice versa: wasm-bindgen history- ES2015 +:
• How embarrassing was the contrasting of the fucking const with the fucking let let
• More cases for const in ES6 + . A small addition
•Here are examples of everything new in ECMAScript 2016, 2017 and 2018
•ES6 collections: using Map, Set, WeakMap, WeakSet
•ES6 in action: new methods for working with numbers
- Tutorials:
•JavaScript Web Workers: Safe Concurrency
•A Complete Guide to JS Patterns
•An Introduction to TensorFlow.js: Javascript Machine Learning
•A Complete Guide for JavaScript Newbies Geolocation Tracking
•An Introduction to the Payment Request API for Apple Pay
•Presentation API: broadcast pages to a second attached display
VueJS:
• Forget about jQuery with Vue.js (Part 2)
•Implementing endless scrolling with Vue.js
•Methods, Computed and Watchers in Vue.js
•Vue CLI 3 - deep dive
React:
• Approaches and technologies in React Redux: doing everything optimally
• New React context in details
•Ten-minute ES6 course for beginner React developers
•Creating an SSR application using Preact, Unistore and Preact Router
•Introduction to Bit's Live React Component Discoverability Playground
•React Methods Life Cycle Diagram by Den Abramov
Angular:
•Detailed comparison of AngularJS and Angular 2+
•Angular testing: an introduction for developers
•Angular observables testing
•Path to Angular v6: third (and last ?!) release candidate is already here
- Libs & Plugins:
• «Жадное» исполнение, визуализация, JS: представлены обновления библиотеки TensorFlow
• Оптимизация библиотек с помощью webpack
•Состоялся релиз D3 5.0, популярной библиотеки для визуализации
•Скаффолдинг для существующих проектов, часть 1: casex — библиотека для трансформации текста
•Расширяемый eslint плагин для поддержки файлов переводов JSON i18n.
Браузеры
• Chrome extension has been published that replaces potentially dangerous characters with emojis
• Which browser handles password storage best
• Mozilla develops a special version of Firefox Reality browser for virtual reality headsets
• Users are indignant that Chrome scans files on a local drive
• Google has banned the placement of Chrome add-ons c code for mining cryptocurrencies
Entertaining
• Why e-sports are more promising than traditional sports
• Google developers have taught AI to predict patterns
• Reddit redesigned for the first time since 2008
• Improved interface due to trifles: seven tricks for non-designers
• Critical vulnerabilities in Cisco switches and active SMI pose a threat to key infrastructure
• Intel acknowledged that vulnerabilities Meltdown and Specter could not be fixed for a number of processors
• Instagram without warning restricted access to the API for third-party applications
We apologize for any typos or broken / duplicated links. If you notice a problem - please write in a personal email, we try to quickly fix them.
← Digest last week
Material prepared dersmoll and alekskorovin