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

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

CSS

Javascript

Браузеры

Новости и занимательное

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

• Государственный сайт, доступный для людей с ограниченными возможностями (чек-лист доступности)
• Встречайте HTML5.1: крупное обновление стандарта, которое никто не заметил
• Применяем Google AMP в WordPress
• Как отравить мобильного пользователя
• Становимся на рельсы полного стэка: фронтенд (Go Full Stack Rails: The Frontend part 1)
• FormLinter — онлайн инструмент, который поможет улучить формы на вашем сайте
• The SVG 2 Conundrum
• Об особенностях китайского языка в вебе (Chinese language on the web)
• Сравнение форматов сериализации данных: JSON, YAML, BSON, MessagePack (Data Serialization Comparison: JSON, YAML, BSON, MessagePack)
• Прогрессивные веб-приложения: чем они являются на самом деле? (Progressive Web Applications: What Exactly Are They?)
• 10 советов и трюков, которые сделают вас npm-ниндзей (10 Tips and Tricks That Will Make You an npm Ninja)
• Переосмысление адаптивного дизайна. Размышления Юны Кравец (Rethinking Responsive Design)
• Как участвовать в open source проекте на GitHub (How to contribute to an open source project on GitHub)
• Эффектный трехмерный календарь (Cubes Advent Calendar)

Медиа

• Подкаст Веб-стандарты, Выпуск №41 : HTML 5.1, async, вариативные шрифты, календарик, опасные API, WebAssembly, JS-шаблоны, загрузка JS, position: sticky, SVG-графика, Stack Overflow, тесты и игрушки.
• Записи видео с WSD в Минске 2016
• Лекции Технотрека. Основы веб-разработки (весна 2016)
• Большая коллекция англо- и русскоязычных каналов для фронтенд?разработчиков
• Некоторые видео с Chrome Dev Summit 2016: Progressive Performance, Debugging The Web, Building Progressive Web Apps Today, From AMP to PWA — the best of both worlds, Advanced JS performance with V8 and Web Assembly

CSS

• Методы управления интервалами в веб-типографике
• Сравнение OOCSS, SMACSS, Atomic и BEM на примере верстки «Holy Grail Layout»
• Если CSS так прост, почему все в нем лажают? (If CSS is so easy why does everyone suck?)
• Состояние адаптивных 3D форм (The State of Responsive 3D Shapes)
• Объяснение работы CSS псевдоклассов с помощью кода и множества диаграмм
• Сила цветовых функций rgba() в CSS (The Power of the rgba() Color Function in CSS)
• @supports изменит твою жизнь (@supports will change your life)
• Проблема с PostCSS (The Problem with PostCSS)
• Начни пользоваться CSS-ом будущего с помощью PostCSS-cssnext
• Поворот элементов страницы с помощью переменных CSS (Rotate page elements using CSS variables)
• Исправляем специфические CSS баги в Outlook (Fixing bugs with Outlook specific CSS)
• Архитектура CSS для систем дизайна (CSS Architecture for Design Systems)
• CSS Grid, Flexbox и Box Alignment: наша новая система для веб разметки
• Sprite Spirit — генератор и SCSS миксин, который облегчает создание спрайтов

JavaScript

• Множество JS-пакетов в одном репозитории
• Математика в JavaScript
• Jasmine vs. Mocha, Chai и Sinon
• Вам может понадобиться jQuery (You Might Need jQuery)
• Объемная шпаргалка по JavaScript (The Ultimate JavaScript Cheat Sheet)
• Борьба с эболой с помощью JS (Fighting Ebola with JavaScript)
• Javascript async and await — какие проблемы они решают? (Javascript's async and await — what problem do they solve?)
• Написание JavaScript фреймворка — привязка данных с ES6 Proxies (Writing a JavaScript Framework — Data Binding with ES6 Proxies)
• Технологический радар по фреймворкам и библиотекам (TECHNOLOGY RADAR)
• Журнал ошибок в клиентских приложениях (Logging Errors in Client-Side Applications)
• Курс создания игры Pacman (Build Pacman)
• Angular:
  
  
  • Только выпустив Angular 2, Google анонсировала скорый релиз Angular 3
  • Пожалуйста, перестаньте беспокоиться по поводу Angular 3
  • Основы AngularJS 1.x, ч.1 (AngularJS 1.x Fundamentals (Part 1))
  • Миграция с Angular 1 App на Angular 2, ч.2
  • Актуальные вопросы для собеседованию по Angular 1.x (Modern Angular 1.x essential interview questions)
  • Тестирование сервисов в Angular 2 (Testing Services in Angular 2)
  
  
• Vue:
  
  
  • Vue.js 2: передача данных между компонентами
  • Четыре вещи, сделанные верно в Vue.js (4 Things Vue.js Got Right)
  • Создание приложения ToDo на Vue.js, ч.1
  
  
• React:
  
  
  • Internationalization for Redux/React projects
  • Семь месяцев с Redux: две вещи, которые выучила моя команда на этом пути
  • Что мы узнали после использования React Native в течении года
  • Как я изучил React и ты можешь сделать то же самое (How I learned React and how you can too)
  • Типизированный Redux (Typed Redux)
  • Тестирование React Native и Redux (Testing React Native and Redux)
  • Борьба за независимость компонента (Fighting for Component Independence)
  • Многофакторная авторизация в React приложениях (Multifactor Authentication in your React Apps)
  
  
• Практика:
  
  
  • Создание табличной разметки для дальнейшего использования в Angular 2 проектах
  • Создание приложения на Vue 2 с использованием Vue-router
  • Создание медиа-библиотеки с помощью React, Redux, и Redux-saga – ч.1
  
  
• Плагины:
  
  
  • turbo.js — выполнение сложных параллельных вычислений за счет GPU, получая доступные в JS результаты
  • Анимация DOM с помощью Anime.js
  • jquery-linechart — JQuery плагин для создания масштабируемых графиков на HTML/CSS/JS, вдохновленный графиком на kinopoisk.ru
  • JSCITY — визуализация исходного кода библиотек в виде городов
  • whitestorm.js — фреймворк для разработки 3D веб-приложений с физикой

Браузеры

• «Браузерная война» Google Chrome продолжается — вести с полей
• Chrome для Android начнет поддерживать виртуальную реальность
• Браузерный аддон Web Of Trust, установленный 140 млн раз, продавал данные пользователей
• Internet Explorer потерял 331 млн пользователей и уступил лидерство Chrome
• В Firefox появилась многопроцессная обработка контента и Quantum Compositor
• Технические детали Safari Technology Preview 17
• Mozilla Push Server теперь поддерживает заголовки
• Position Sticky в Chrome 56
• В Firefox DevTools будет добавлена возможность симулировать медленное соединение

Новости и занимательное

• Google начал тестировать mobile-first индекс, Всё, что известно о mobile-first индексе Google
• Доля HTTPS-подключений в Chrome на десктопах превысила 50%
• Google закрывает «народные карты» Map Maker и на сей раз насовсем
• Facebook создала ИИ-платформу, которая позволяет обрабатывать видео на мобильных устройствах в реальном времени
• Новый инструмент Adobe имитирует голос человека после 20 минут обучения
• We’re f*cked: реакция Кремниевой долины на победу Дональда Трампа
• Тим Кук написал письмо сотрудникам Apple в связи с победой Трампа на выборах и призвал сплотиться
• Все против Apple: критика компании в рекламе конкурентов
• В Google Play найден троян MulDrop, загруженный более 1 000 000 раз
• Yahoo впервые усомнилась в возможности продать свой бизнес из-за кражи данных 500 млн аккаунтов
• Когнитивные технологии в бизнесе
• На смерть PC: компьютеры теряют Веб
• Google поделился советами по созданию индексируемых PWA
• «СМИ приукрашивают возможности искусственного интеллекта»
• Как боты в Twitter влияли на выборы в США
• Обзор смартфона Google Pixel: целимся в яблочко
• Откуда взялся Mirai? Разбираемся, как устроен ботнет из видеокамер
• Push-уведомления в браузере 1,5 года спустя: статистика и полезные советы

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

* * *

Most JS Frameworks Day — 4 декабря в Киеве пройдет масштабная ежегодная конференция посвещенная JavaScript.

Планируются доклады в 3 потока, Q&A сессия со спикерами, кулуарные обсуждения, активности от партнеров и организаторов, еда и конечно же — афтепати.

Спикеры: Mathias Buus, Tero Parviainen (Angular 2 docs contributor), Gerard Sans (Angular Google Developer Expert, Founder of AngularZone), Michael North (CTO of Levanto Financial, former UI Architect at Yahoo), Евгений Жарков, Андрей Шумада, Илья Климов и не только.

Заявленные темы: React, Angular 2, RxJS 5, Native Web Components, миграции данных в Node.js REST API И MongoDB; поймем, как быть хорошим фронтенд-разработчиком и это еще не все.



Специально для читателей нашего дайджеста доступен промо код «frontenddigest» со скидкой 15%.

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