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

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

CSS

Javascript

Браузеры

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

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

• Как стать веб-разработчиком в 2017 году — план действий
• Подкаст «Веб-стандарты», Выпуск №68: Edge и PWA, Opera всё, Electrino, Автопрефиксер, доступное меню-кнопка, ирония, валидация форм, логичные размерности.
• Подкаст devschacht, Выпуск №2: Поговорили про историю и перспективы развития Node.js
• HTML сломан. Перевод «HTML Is Broken» Хейдона Пикеринга
• Фронтенд по фэн-шуй. Часть 2
• Тренды — презентация нового функционала на Stack Overflow
• Секции в футере — HTML Шорты. Можно ли вкладывать элемент section в footer? Давайте разберёмся
• Видео докладов с KharkivCSS 2017
• Инструменты:
  
  
  • Скорость установки в npm, npm5, shrinkpack и yarn
  • Используйте линтеры для ошибок, форматтеры для исправления стиля
  • webpack для реальных задач: уменьшение размера фронтенда и улучшение кеширования
  • Анонс нового webpack CLI
  • Pingy CLI — легкий сборщик фронтенда. Когда вам не нужно настраивать тяжелые сборки Gulp и Grunt, а можно просто запустить инструмент и работать
  
  
• Неоправданное усложнение разработки фронтенда, чтобы казаться более умным
• label атрибуты на интерактивных элементах для поддержки доступности
• Доступная панель с табами с помощью ARIA
• Очередная подборка любимых демок с CodePen от его создателя, Криса Койера
• Подробно о создании Progressive Web App для сайта китайского магазина Ele.me
• Создание анимированных баннеров на SVG
• Git репозитории, которые можно использовать как альтернативы GitHub

CSS

• Таблицы в адаптивном дизайне — 2
• Добавляем в Chromium селектор :focus-within
• Введение в CSS :focus-within — что это за псевдокласс и как он может помочь сделать доступными выпадающие подменю
• Обратитесь к спецификации: что предваряет спецификацию? Перевод заметки приглашенного эксперта Рабочей группы CSS Rachel Andrew к серии Refer to the spec.
• Решение задачи о широком блоке внутри узкого контейнера с помощью CSS Grid Layout
• Нативная валидация форм, часть 2.
• Высокопроизводительные динамические стили в контексте JSS и React
• Способы задания контрастного цвета тексту, который лежит на разноцветном фоне
• Experiments in fixed aspect ratios. How to responsively maintain aspect ratios & how CSS Grid may be changing that game
• Почему я отказался от @apply. Рассказ Таба Аткинса, работающего в Google над Chrome и являющегося членом CSS Working Group
• Проблема с препроцессингом пользовательских свойств
• Делаем пользовательские свойства (CSS переменные) более динамическими
• Отслеживание истории шрифтов в CSS
• 5 симпатичных эффектов для изображений с помощью CSS Shapes и фильтров
• Easing Linear Gradients
• CSS и первая значимая отрисовка. Выступление Patrick Hamann на London CSS
• От CSS препроцессора к стилизованным компонентам. Выступление Max Stoiber на Reactivate London
• BBC Grandstand — масштабируемая фронтенд архитектура и Sass фреймворк от BBC Sport

JavaScript

• Подкаст «Пятиминутка React» #15 — Amsterdam, PWA, RealWorld, Prepack
• Цикл событий Node.js, таймеры и process.nextTick()
• PhantomJS всё?. Расшифровка интервью с Виталием Слободиным, автором PhantomJS
• 2017: Автостопом по галактике JavaScript
• Актуальное состояние популярных JS библиотек по версии Stack Overflow JS Trends
• Многогранность функций в JavaScript
• Я до сих пор люблю jQuery? — и вы тоже должны
• 8 трюков в npm, которыми вы можете удивить коллег
• Спецификаторы модулей: что нового в модулях ES?
• Что такое Transducer?
• Автостопом по галактике d3.js
• Пришло время Fetch, или как я перестал использовать http библиотеки
• Все о рекурсии, PTC, TCO и STC в JavaScript
• React:
  
  
  • Подкаст «Пятиминутка React» #14 — Redux Business Logic (part 2)
  • Сделайте ваши функциональные React компоненты на 45% быстрее уже сейчас (перевод)
  • Redux Offline. Доклад Jani Evakallio с Reactivate London
  • Создание карт с помощью React
  • Полная настройка редактора Atom для работы с ReactJS
  • redux-orchestrate — middleware для управления экшенами с помощью простого объекта с конфигурацией
  
  
• Angular:
  
  
  • Архитектура компонентов приложения по созданию рецептов для реактивных Angular форм
  • Angular Model Pattern
  • Как создать AngularJS приложение для работы с событиями
  
  
• Vue:
  
  
  • Начало работы с Vue.Js
  • Что я узнал о VueJS в процессе создания расширения для Chrome
  • vue-rate — компонент рейтинга для VueJS
  • vue-easy-gantt — простой Vue.js плагин для отображения задач на неделю
  
  
• Typescript:
  
  
  • TypeScript на сервере
  • TypeScript-Vue-Starter — стартовый шаблон для TypeScript и Vue от Microsoft с детальным README
  • TypeScript-React-Starter — стартовый шаблон для TypeScript и React от Microsoft с детальным README
  
  
• Libs & Plugins:
  
  
  • UPNG.js — небольшой и быстрый кодировщик PNG
  • Функции высшего порядка в Lodash
  • Sticky Sidebar — jQuery-плагин для создания прилипающей боковой панели
  • Britecharts — клиентская библиотека для построения графиков на базе D3.js v4 с возможностью композиций визуализаций
  • Десять jQuery HTML5 аудио проигрывателей

Браузеры

• Вышла новая Opera 45 c обновленным интерфейсом и встроенной боковой панелью мессенджеров
• Из-за бага Microsoft Edge подменяет цифры во время печати PDF-файлов
• Microsoft продемонстрировала Microsoft Edge с Fluent Design
• Microsoft: у нас нет планов по разделению обновлений браузера Edge от Windows 10
• Десктопные браузеры не попадут в Windows Store
• Предложение по разделению Web приложений и сайтов в браузере

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

• Ведется массовая атака криптором Wana decrypt0r 2.0.
• Ключевые анонсы первого и второго дней конференции Build 2017
• Презентация Windows 10 Fall Creators Update (Microsoft Build 2017) за 12 минут
• Немного подробнее о Microsoft Fluent Design System
• Опубликованы первые скриншоты и видео пользовательского интерфейса новой ОС Google Fuchsia
• «Яндекс» запустил тестирование «Турбо-страниц» для новостных сайтов — аналога Google AMP
• Создатели MP3 объявили о смерти формата
• Ваш пароль ужасен. И все хотят изменить это
• Капитализация Apple достигла рекордных $800 млрд
• Как оно быть начальником в Google: ни власти, ни контроля
• Bash на Windows 10 получит поддержку openSUSE и Fedora
• Если вам пришлось собеседовать

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

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