Дайджест свежих материалов из мира фронтенда за последнюю неделю №267 (12 — 18 июня 2017)

Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.

Веб-разработка

CSS

Javascript

Браузеры

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

Веб-разработка

• Подкаст devschacht, Выпуск №4: Обсуждаем прошедший HolyJS holyjs-piter.ru
• Подкаст «Пятиминутка React» #22 — News: React 15.6, webpack 3, Babel Notes, mobx-state-tree 0.7, Preact video on egghead.io
• Подкаст «Фронтенд Юность» (18+) #6: Шок! Вся правда об Ember.js
• Все записи докладов с с JSConf EU 2017
• Grab Front End Guide — введение в стек современного фронтенда
• Готовимся к Web Bluetooth!
• Использование Workbox + Webpack для предварительного кеширования с помощью Service Worker
• Люди с ограниченными возможностями отвечают, что же для них самое сложное в вебе
• A11ycasts #19: доступные модальные окна
• AMP/PWA:
  
  • PWA Directory — каталог прогрессивных веб приложений
  • Что такое Accelerated Mobile Pages и чем они отличаются от отзывчивого веб-дизайна
  • Пожалуйста, сделайте Google AMP опциональным
  
  
• Tools:
  
  • topol.io — удобный генератор шаблонов писем, в том числе и отзывчивых
  • Network Monitor в Firefox: Подробно о новых возможностях инструмента, работа с внутренним сервером и удаленным отладчиком
  • Введение в FuseBox — более быструю и легкрую альтернативу Webpack
  • Введение в Webpack: Entry, Output, загрузчики и плагины
  • Представление Bonsai: open source анализатор Webpack от Pinterest
  
  
• Animation:
  
  • Желейный эффект для фигур в canvas — Юрий Артюх пишет код в прямом эфире с комментариями и пояснениями
  • Улучшаем SVG анимацию с помощью GSAP
  • CSS Animations vs Web Animations API
  • Эффектный анимированный морской пейзаж на HTML/CSS
  
  

CSS

• 5 возможностей LESS, о которых вы могли не знать
• Сатирические зарисовки на тему CSS, или Cюрпризы фронтенд-разработки
• CSS Grid Layout:
  
  • Полное руководство по CSS Grid
  • Большая статья про гриды (CSS Grid Layout)
  • Используем CSS Grid Layouts на продакшене уже сегодня
  • Введение в единицу CSS `fr`
  
  
• Типографика:
  
  • OpenType-фичи в вебе
  • Масштабирование отзывчивой типографики в CSS
  • Типографический потенциал вариабельных шрифтов
  
  
• Практическое руководство по CSS переменным (пользовательские свойства)
• Мысли по поводу самодокументированного CSS
• Создание минималистичной HTML карточки всего в 53 строки кода (с Flexbox)
• Обработка длинного и неожиданного контента в CSS
• Результаты глобального CSS опроса 2017
• От CSS препроцессоров до CSS в JS
• Better-Less — кросс-совместимая подсветка синтаксиса для Less кода

JavaScript

• New releases: ESLint v4.0.0, V8 Release 6.0, Node 8 и npm5
• Книга заклинаний современного веб-разработчика: большая картинка, тезаурус и таксономия современного веб-разработки JavaScript
• Реактивное программирование, блин. Это не о ReactJS
• Почему вы должны ограничить JavaScript — и как это сделать
• Выбор Jest вместо Mocha
• Как отслеживать изменения в DOM-е с использованием Mutation Observer
• Теория:
  
  • Коллбэк в JavaScript… Что за зверь?
  • Декораторы в JavaScript
  • Сигнатура типов функции в JavaScript
  • В чем разница между Null и Undefined?
  
  
• Практика:
  
  • Работа с периферией из JavaScript: от теории к практике
  • 19+ методов сокращённого написания кода в JavaScript
  • Как я разработал и создал Fullstack JavaScript клон Trello
  • Использование HTML5 canvas для добавления водяных знаков на изображения
  • Машинное обучение с JavaScript: часть 1
  • Детальный курс по управлению памятью
  • История о производительности JavaScript, часть 3: Рендереры всех форм и размеров
  
  
• Vue:
  
  • vue-styleguidist — стайлгайд для vue-компонентов
  • XSS в Vue.js
  • Создание приложения на Vue JS (webpack, axios, bootstrap 4, reddit и бесконечный скроллинг на vanilla javascript)
  • Станет ли Vue.js таким же гигантом, как Angular или React?
  • Расширение компонентов VueJS
  
  
• Angular:
  
  • Оптимизация сайтов на AngularJS для краулеров Google
  • PWAs с Angular: Being Reliable, Being Fast, Being Engaging
  • Angular 1.0 исполнилось пять лет
  • Релиз Angular 4.2
  
  
• React:
  
  • Сокращаем использование Redux кода с помощью React Apollo
  • Видеокурс Начало работы с Preact
  • Что такое React? Термины React на простом английском и в рисунках
  • Почему я выбрал React вместо Vue
  • Релиз Is-React 1.0.0 — Утилитарные методы для React
  • React State или Redux State: когда что использовать?
  • Сделать React снова быстрым [часть 1]: временная шкала производительности
  
  
• Libs & Plugins:
  
  • Подсветка текста в Textarea v2
  • spected — низкоуровневая библиотека для валидации
  • js-joda — библиотека для работы с неизменяемыми временем и датой
  • dutier — небольшое (1Кб), асинхронное и простое решение для управления состоянием приложения
  
  

Браузеры

• Vivaldi 1.10 — маленькие радости широких возможностей
• Вышел Firefox 54, который наконец получил поддержку многопроцессного режима. Подробности для разработчиков в блоге Марата Таналина
• Доступна бета-версия Firefox 55
• Chrome 60 Beta: Paint Timing API, CSS font-display, и улучшения Credential Management API
• 10 самых полезных расширений Chrome
• Как написать расширение для Chrome

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

• SEMrush определил важные факторы ранжирования Google в 2017 году
• Вы — не Google
• Переобученные нейросети в дикой природе и у человека
• Разработчики, использующие пробелы, зарабатывают больше денег, чем те, кто используют табы
• Google запустит новую утилиту Backup and Sync взамен Google Диска
• Гибридная нейросеть превзошла человека в Ms. Pac-Man
• Verizon закрыла сделку по покупке Yahoo за $4,48 млрд
• Астрофизик Нил Деграсс Тайсон делает научно достоверную игру о космосе
• 12 уроков от 100 самых креативных людей 2017 года по версии Fast Company
• Amazon заинтересовалась покупкой Slack. Сервис оценивают в $9 млрд
• К 2021 году вещи станут главными пользователями интернета
• Уставший от рутины инженер Google написал приложения для случайного выбора путешествий и знакомств

Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.

Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.

Let's block ads! (Why?)