The digest of fresh materials from the world of the front-end for the last week No. 296 (January 1 - 7, 2018) / Zfort Group blog

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

---

Media

• Podcast “devschacht”: Issue No. 11 - Yandex Interface Development School
• “ALL YOUR HTML” # 30: “3D mesh using lines and shaders”
• PiterJS, Recording reports from the 19th meeting: Sergey Chikuyenok - Is it really necessary DOM? , Dmitry Patsura - About development on React Native , Sergey Novikov - What Polymer can do

Web development

• Layout path: from scratch to senor
• Awesome Checklist Checklist: a curated list of checklists dedicated to web development and more
• How to stay up to date with the madness happening in the frontend - three-step instruction
• SEO experts call PWA the key to success in 2018
• How Airbnb puts AMP at the heart of its digital strategy
• Presentation of Web Payments: facilitating online payments using the Payment Request API
• Repeating animations using the Web Animations API
• I collect credit card numbers and passwords from your sites. And this is how it happens
•Cropping and scaling images using SVG . SVG which replaces CSS object-fit

• Performance:
  • “Front-End Performance Checklist 2018” - everything you need to know at the moment about client performance. A comprehensive checklist / guide from Vitaliy Fridman with a PDF version
  • The impact of 3G / 4G connections on user experience and speed of loading pages of sites in different countries
  • Does it make sense to preload?
  • A detailed performance audit of the boomerang library, which Akamai developers are working on.
  • Image placeholders: do it right or don't do it at all. You are welcome
  

• Tools:
  • Meet the Modern Serverless Starter Kit - a modern starter serverless toolkit from Postlight (Webpack, Babel, ESLint and Prettier)
  • stimulus - a modern JavaScript framework for HTML that you already have
  • What is a boilerplate and why use it? Let's take a look at the code style guide
  • What to expect from WordPress in 2018
  

• Accessibility:
  • The next level of Accessibility: 5 ways I have made the freeCodeCamp Guide more convenient for people with disabilities
  • Writing automatic tests for accessibility
  • Getting started with web accessibility
  • Results of litigation on website accessibility in 2017: a difficult year for business
  

CSS

• Solving real problems with CSS Grid + Flexbox
• 8 best practices for perfect CSS documentation
• Adaptive typography with: root
• Specter and Critical CSS attack . Solving a potential tool problem from filamentgroup
• Monitoring unused CSS using DevTools Protocol capabilities
• New flexbox manuals on MDN by Rachel Andrew
• Best way to write CSS in teams using ACSS - Atomic CSS dynamic library
• Counters and Stones - CSS game with unusual use selectors, an experiment by Roman Komarov

Javascript

• JavaScript: 12 questions and answers
• JavaScript 2018: things you need to know and a few that you can skip
• JavaScript vs. Crawl Budget: The first player to get ready . An up-to-date look at JavaScript SEO
• But really, what exactly is JavaScript testing?
• Ten questions on JavaScript theory - ES6 quiz
• JavaScript has already won . A look at the current prevalence of the language with a wide discussion in the comments
• Dawn of state machines . Acquaintance with state machines in the context of frontend development

• Theory:
  • “You Don't Know JS: Asynchrony and Performance” by Kyle Simpson . The first chapter is translated by Makson Vislogurov.
  • A guide for developers on reliable client-side JavaScript
  • JavaScript Object Explorer - a resource that helps you understand which method is better to apply in a specific situation
  • JavaScript arrays - finding the sum, minimum, maximum and average values
  • A little about generators
  

• React:
  • 11 библиотек (наборов компонентов) для React, о которых стоит знать в 2018-м
  • Final Form: Дорога к клетчатому флагу
  • Как писать хорошо читаемый код на React — 10 советов по кодстайлу
  • React PWA. Стартовый шаблон для PWA, с сервер-сайд рендерингом, встроенными SEO и техниками для достижения максимальной скорости UX
  • React-Redux-Sass-Starter — все что вам надо для старта простого приложения на React
  • Gatsby.js: как настроить и использовать статический генератор сайта на React
  • Демистификация использования памяти в ES6 React классах
  • React.Fragment и семантический HTML. Попрощайтесь с бессмысленными и беспорядочными
  в ваших компонентах! React 16 приносит нам
  • react-performance — хелперы для отладки и записи производительности рендера компонента
  

• VueJS:
  • Обзор Vue.js в 2017-м
  • Встречайте VuePress: разработка на WordPress с помощью Vue и GraphQL
  • vue-starter — стартовый шаблон для изоморфных прогрессивных веб-приложений
  

• Angular:
  • Angular JS & ASP.NET: будет ли это будущим веб-разработки?
  • Angular vs. React: The CLI
  

• Libs & Plugins:
  • Нативный JS для Bootstrap
  • javascript-obfuscator — лучший опенсурсный обфускатор JavaScript кода, написанный на TypeScript. Поддерживает ряд техник обфускации, таких как: control flow flattening, dead code injection, strings encryption, self defending, debug protection.
  • Встречайте Hyperapp 1.0 — 1KB JavaScript библиотека для создания фронтенд приложений
  • immer — создаёт следующее неизменяемое состояние при помощи изменения текущего
  • Uppy — продвинутый загрузчик файлов
  

Браузеры

• Chipocalypse: Google has prepared an update covering the Specter vulnerability in Android and Chrome, and Mozilla is preparing a corresponding patch for Firefox
• Update for Firefox 57.0.4 and Chrome 63.0.3239.132
• Opera 50 is introduced with protection from mining scripts
• UC Browser takes 16% in the global market and dominates some Asian countries
• Chrome is turning into a new Internet Explorer 6

Entertaining

• New Year's gifts, part one: Meltdown , part two: Specter
• Phantom disaster: what threatens security errors in processors
• Is KAISER so scary as it is painted.
• Apple recognized that all macOS and iOS devices are vulnerable to processor vulnerabilities
• Google considers the performance of patches to block Meltdown and Specter attacks to be insignificant
• TIOBE programming languages ​​rating in January: C declared 2017 language
• 2017 results: virtual and augmented reality
• Results of shareholders: How the value of the largest IT companies in the world in 2017 changed
•Services that the world lost in 2017 - Wired version
• Apple joins Google and Microsoft to improve online video compression

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.

Last week's digest .
Material prepared dersmoll and alekskorovin .