The digest of fresh materials from the world of the front-end for the last week No. 250 (February 13 - 19, 2017)

We bring to your attention a selection with links to useful resources and interesting materials from the frontend area.

Web development

CSS

Javascript

Browsers

Entertaining

Web development

• Podcast Web Standards, Issue No. 55 : Graphics in WebKit, links in Opera, designers typeset, HTML API, custom properties, CSS shapes, promised burger, JS quick start, W3C TAG reports.
• RadioJS Podcast, Issue 46 : Learn, study and study again. A guest is one of the founders of LoftSchool and the LoftBlog video blog Nikolay Chernobaev and recently joined the HTML Academy Vadim Makeev
• Optimizing GIFs for the Web
• Cross Browser Testing Guide
• htmlreference.io - A free online HTML reference from the creators of cssreference.io
• HTML5 for the mobile web - input forms and types
• Speed ​​up Service Worker with Navigation Preloads
• Create responsive email templates using MJML
• Component Based SVG Icon System
• Manifoldjs turns into PWA Builder , a tool that simplifies the creation of Progressive Web Apps
• Transparent JPG (using SVG)
• Checklist for website launch
• Web App Availability with ARIA Live Regions
• Range of technologies front-end developer
• Most web sucks with weak internet connection
• Discussion of the proposed item

CSS

• Introducing Styled components
• New grid on inline-block: description, usage example, pros and cons
• CSS and progressive improvement
• CSS exceptions: make boring markup less boring
• How to achieve 60 FPS in mobile animations using CSS3
• Creating non-rectangular headers
• CSS Grid: One Layout, Many Options
• Deep immersion in CSS: font metrics, line-height and vertical-align
• CSS pseudo-classes: styling elements based on their index
• Using cubic Bezier curves to smooth rounded corners
• CSS4 selectors: what can you expect?
• Fresh CSS Grid Layout Video by Rachel Andrew

Javascript

• Is MVC dead for the frontend?
• JavaScript Launch Performance
• Overview of the 5 most popular JavaScript frameworks and libraries of 2017
• Video from KyivJS , February 2017
• Traveling the world of JavaScript in 2016
• JavaScript in 2017 - outside the browser
• JavaScript in 2017 - libraries and frameworks
• Events and disabled form fields
• Understanding JavaScript Scope
• Javascript Interview Questions Algorithm () {...}
• How to write JavaScript and make the application accessible
• A comprehensive look at jQuery DOM navigation
• Experiment with speechSynthesis
• ES2015 +:
  
  
  • Native ECMAScript Modules: Dynamic Import ()
  • High Performance ES2015 and Beyond
  • ES6 functionality with examples
  • ES6 Proxies in practice
  • Latest information on ES6 modules in Node.js
  
  
• Angular:
  
  
  • Automate development on Angular using the Angular CLI
  • Browser bootstrapping with Angular 2
  • Dynamically created components using Angular
  • Detailed analysis of testing Angular applications: HTTP services
  • State Management in Angular Applications
  • Debugging and optimizing Angular 2 applications
  
  
• React:
  
  
  • Library of retro games using Node, React, and Redux 1: Server API and React Frontend
  • Context in ReactJS Applications
  • How to work and manipulate states in React
  • How to create animated micro-interacting in React
  • Redux Store Twitter parsing
  • Universal JavaScript applications with React router version 4
  • Creating React Components for Different Brands and Applications
  
  
• Vue:
  
  
  • VueJS - green framework
  • React's JSX vs Vue's Templates: frontend comparison
  • Creating a plugin for Vue.js
  • Creating Vue.js Components
  • Vue.js, Vuex and testing; Introduction
  • Vueplete - autocomplete text box for Vue.js
  • Создание компонента с древовидной структурой JSON на Vue.js с нуля за шесть шагов
  • vue-material — Material дизайн для Vue.js
  • Vue.js компонент — весь код в одном файле
  
  
• Libs & Plugins:
  
  
  • spinStroke — анимация контура шрифтов с помощью эффекта морфинга
  • surveyjs — Движок для создания опросов на JavaScript
  • Rough.js — создание графики с эффектом «рисования от руки»

Браузеры

• Opera готовит редизайн своего настольного браузера в виде проекта Reborn
• Расширенный метод идентификации системы и браузера без применения cookie
• В Chrome тестируют новый подход к компиляции JavaScript
• План прекращения совместимости Firefox со старыми дополнениями
• Маленький шаг для Chrome, огромный прыжок для V8

Занимательное

• Google тестирует ИИ на агрессию и расположенность к сотрудничеству
• Почему Мюнхен отказывается от Линукса?
• Google vs. Oracle. Cуд длиной в семь лет
• Система для машинного обучения TensorFlow вышла из беты — Google выпустила версию 1.0
• Alphabet поумерила свой пыл и теперь планирует покрыть интернетом с шаров Project Loon лишь отдельные регионы, а не весь мир
• Перспективы VR-направления: туманно или абсолютно ясно?
• Почему обучение — это новая прокрастинация
• Топ тегов на Stack Overflow с 2010 по 2017 год в реальном времени
• Facebook запустит инструмент для публикации вакансий
• 99,6% смартфонов в мире работают под управлением Android и iOS
• Apple обыграла негативные твиты пользователей в рекламных роликах для iPad Pro
• Билл Гейтс предложил ввести налоги для роботов, занимающих рабочие места людей
• Microsoft предложила заключить «цифровую Женевскую конвенцию»
• У Google отсудили 20 млн долларов за нарушение патентов в механизмах защиты Chrome

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