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

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

CSS

Javascript

Браузеры

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

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

• Login или Log in?
• Подкаст Веб-стандарты, Выпуск №39 : Chrome 54, Async, Node.js v6 и npm v4, Ире про PWA, условия в CSS, CSS-фреймворки, Normalize.css, женщины в ИТ.
• Запись трансляции Web Standards Days, проходившей 29 октября в Минске
• Начинаем работать с Webpack 2 (Getting Started with Webpack 2)
• SVG:
  
  
  • Как проектировать, создавать и анимировать SVG
  • SVG и медиазапросы
  • Введение в SVG анимацию (Introduction to SVG animation)
  • Фильтры SVG примитивов для работы со внешними изображениями и фрагментами SVG (SVG Filter Primitives for Working with External Images and SVG Fragments)
  • Создание интерактивного дорожного путешествия с помощью SVG и Web Animation API (Create an Interactive Roadtrip with SVG and the Web Animation API)
  
  
• Децентрализованный хостинг AMP JS и NPM для веба
  (Decentralized hosting of AMP’s JavaScript & NPM for the web)
• Переключение на Google AMP и обратно (Switching to Google AMP and back)
• Пуш-нотификации для веба. Третья и финальная заметка из серии статей «Создание PWA» (Push Notifications on the Web (Building a PWA, Part 3))
• Карусели не должны быть сложными. Крис Койер о техниках реализации функционала каруселей (Carousels Don’t Have to be Complicated)
• Парсинг JSON — это минное поле (Parsing JSON is a Minefield )
• Автоматические отзывчивые изображения с помощью клиентских подсказок
  (Automatic responsive images with client hints)
• Встречайте новый Web Animations API (Meet the new Web Animations API)
• Коллективный список публичных JSON APIs для использования в веб-разработке
• Печальное состояние HTML Email полей и IDNs
  (The Sad State of HTML Email Input Fields and IDNs)
• aria-selected – когда (не) использовать (aria-selected – when (not) to use it)
• Доступность для разработчиков, доклад от Alistair Duggin (Accessibility for developers)
• YouTube переписывается с веб компонентами и Polymer
  (YouTube is being rebuilt with Web Components & Polymer)

CSS

• Еще раз про border-image
• В чем разница между нативными CSS переменными и переменными в препроцессорах? (What is the difference between CSS variables and preprocessor variables?)
• Повышение восприятия производительности с помощью множественных фоновых изображений (Improving Perceived Performance with Multiple Background Images)
• Жуууткие селекторы в CSS (Spoooooky CSS Selectors)
• Отзывчивые изображения в CSS (Responsive Images in CSS)
• Вы слишком ленивы для создания разметки с независимым CSS
  (You are too lazy to write markup independent CSS)
• Лучшие практики CSS, 14 шагов (CSS Best Practices?—?14 Steps to Become a CSS Ninja Pt1)
• Тонирование фотографий с помощью градиентов и режимов смешивания (Photo Toning with Gradients & Blend Modes)
• Организация ваших Sass файлов (Organize your Sass files)
• Функциональный CSS в перспективе Pure UI (Functional CSS From A Pure UI Perspective)
• useful.ly — очередной фреймворк «на CSS Flexbox»
• Создание набора микро-анимаций (Create a set of micro-animations)
• Урок по Angular-Material 2 Theme (Angular-Material 2 Theme Tutorial)
• CSS-анимация с динамической обводкой объекта (Border composition and animation)
• Черновик CSS Table Module Level 3 (CSS Table Module Level 3)
• Компонент выбора цвета c CSS variables (CSS colorpicker | powered by CSS variables)
• CSS переменные как обратная связь с данными (CSS Variables As Data Feedback)

JavaScript

• Восходящие тренды в JS: подробное руководство по библиотекам и фреймворкам
  (Rising Trends in In JavaScript: A Comprehensive Guide to Libraries & Frameworks)
• Нативные эквиваленты методов JQuery: Часть 1: выбор DOM элементов, Часть 2: работа с атрибутами и свойствами
• Возможности и примеры реализации хакерских атак на JavaScript движки (Attacking JavaScript Engines: A case study of JavaScriptCore and CVE-2016-4622)
• Игра-викторина на знание современных JS инструментов (JavaScript Guessing Game)
• Modular JavaScript — краудфандинговая компания от Nicolas Bevacqua, направленная на сбор средств для создания книг по модульному JS
• Механизмы контроля в играх на JavaScript (Control mechanisms in JavaScript games)
• Три примера, в которых JavaScript генераторы уместны (+ понимание их работы) (3 cases where JavaScript generators rock (+ understanding them))
• История Node.js на временной шкале (History of Node.js on a Timeline)
• PurpleJS — альтернатива Node.js для Java проектов
  (PurpleJS — the alternative to Node.js for Java projects)
• ES6:
  
  
  • Node.js 7.0.0 зарелизился. Встречайте async/await без babel
  • Обзор базовых возможностей ES6
  • Глупые трюки с ES6
  • ES6 Template Strings, the Handlebars killer?
  • Обзор возможностей ES6
    (Overview of JavaScript ES6 features (a.k.a ECMAScript 6 and ES2015+))
  • 6 самых впечатляющих возможностей ES6 (6 of the Most Exciting ES6 Features in Node.js v6 LTS)
  • Три способа понять промисы (Three ways of understanding Promises)
  • Настройка окружения для разработки на React/ES6 с помощью Webpack, Express и Babel (Setting up your React/ES6 Development environment with Webpack, Express and Babel)
  
  
• VueJS:
  
  
  • VueJS: сравнение с остальными фреймворками (Comparison with Other Frameworks)
  • Почему Vue.js? (Why Vue.js?)
  • Vue.js еще легче, чем jQuery (Vue.js is easier to learn than jQuery)
  • Vue.js Material — Material Design для Vue.js
  • Evan You — Современный фронтенд с Vue.js — Laracon EU 2016
  
  
• React:
  
  
  • Пошаговая настройка окружения для React разработчика (Step by Step Environment Setup of the React Developer – No Legacy, 2016 Standards)
  • Создание книжного магазина с помощью React & Redux I: React Redux Flow
  • Redux без React — управление состояним на ванильном JavaScript (Redux without React — State Management in Vanilla JavaScript)
  • ARc — стартовый набор для React, основанный на методологии Atomic Design (ARc is a React starter kit based on the Atomic Design methodology)
  • React Memory Game
  • Шесть причин нашей любви к React (Top 6 Reasons Why We Love React)
  • React, Redux, селекторы (React, Redux, Selectors )
  • Как выложить приложение на React в продакшен и спать лучше (How to push a ReactJS application in production and sleep better — React.js Day 2016)
  • Как Airtable использует React (How Airtable uses React)
  
  
• Angular:
  
  
  • Руководство по созданию качественных компонентов в Angular 1.5 (A Guide to Building Quality Angular 1.5 Components)
  • Angular 2 Transclusion с помощью ng-content
  • Angular 2 Forms?—? создание директивы асинхронной валидации (Angular 2 Forms?—?Create Async Validator Directive)
  
  
• Next.js — маленький фреймворк для создания универсальных JS приложений, отрендеренных на сервере (a small framework for server-rendered universal JavaScript webapps, built on top of React, Webpack and Babel)
• Shave — современный JS плагин без зависимостей для обрезки текста
• MathJax — JavaScript движок для работы с математикой, который работает во всех браузерах
• JS Ipsum — генератор рыбного текст на тему JS
• JsonLogic — парсер для создания сложных правил при работе с JSON-ом (JsonLogic — Build complex rules, serialize them as JSON, share them between front-end and back-end)
• swip — библиотека для создания экспериментов с синхронной работой на нескольких устройствах

Браузеры

• Mozilla значительно улучшит производительность Firefox новым движком Quantum
• Проект Mozilla представил Quantum, комбинированный браузерный движок для Firefox
• Новая Opera 41 со множеством открытых вкладок запускается в несколько раз быстрее старой Opera 40
• Что нового в Chromium 54 и Opera 41
• Дайджест обновлений DevTools за октябрь 2016
• Некоторые подробности Safari Technology Preview 16
• Mozilla перестаёт доверять новым сертификатам WoSign и StartCom

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

• Apple Special Event, октябрь 2016 [архив текстовой трансляции]
• Каким получился новый MacBook Pro
• Снова здорова: 10 недостатков новых MacBook Pro и что на них ответят фанаты Apple
• Почему Тим Кук — это новый Стив Балмер
• Microsoft Windows 10 Event [архив текстовой трансляции]
• Что нам показали на мероприятии Microsoft Windows 10
• Microsoft представила моноблок Surface Studio
• Без вариантов? Microsoft собирается слопать Apple на обед (No Escape? Microsoft is About to Eat Apple for Lunch)
• Microsoft, я тебя прощаю! (Microsoft, I forgive you!)
• Twitter закрывает видеосервис Vine
• Платформы типа Facebook’s Instant Articles и Google AMP усложняют публикацию в вебе
• Огромная Охренительная Ракета SpaceX: на чем, когда и за сколько мы полетим на Марс
• Шрифт и авторское право
• Вырви глаз: как информация в интернете стала нечитаемой
• Китайская компания признала, что совершённая в пятницу DDoS-атака стала возможна из-за слабых паролей её устройств
• Нейронная сеть Google изобрела собственный протокол шифрования
• Исследователи создали «квантовый сокет» – важный шаг на пути к масштабируемым квантовым компьютерам
• История «транспорта будущего» Hyperloop и компании Hyperloop One
• Таблеточные гики Кремниевой долины: история компании Nootrobox, занимающейся продажей ноотропов
• «Умная» вещь как оружие массового поражения
• Почему руководители крупных ИТ-компаний принимают решения во время прогулок
• Игры на GitHub

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

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