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

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

CSS

Javascript

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

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

• Подкаст Веб-стандарты, Выпуск №63: Safari TP, гриды на огороде, ремы и емы не нужны, новый Твиттер, современный JS, полезный код, AMP ломает новости.
• Подкаст Фронтёрки #004: Виктор Суздалев, хипстеры от кода и исторический подход
• Знакомство с фронтэнд-тестированием. Часть первая. Введение
• Как написать ваш собственный виртуальный DOM
• Как ВВС создаёт масштабируемые сайты: 7 базовых принципов
• Состояние front-end инструментария в 2017
• PWA:
  
  
  • PWA, «Зловещая долина» и стабильная работа в офлайне
  • Как мы создали Twitter Lite. Техническая заметка в блоге твиттера о внедрении Progressive Web App на mobile.twitter.com.
  • Три вещи, которые нужно рассмотреть перед тем, как ваше прогрессивное веб-приложение станет автономным
  • Progressive Web Apps: нетехничекое руководство часть 1, часть 2
  • Оффлайн синхронизация для Progressive Web Apps
  
  
• Browsers:
  
  
  • Использование code coverage?—?нового инструмента Chrome devtools.
  • Создание одного браузерного расширения для всех: Edge, Chrome, Firefox, Opera, Brave и Vivaldi
  • Краткая история Firefox DevTools
  
  
• Дизайнерские трюки с фильтрами SVG: эффект размытия по маске
• Дополненная реальность в 10 строчек кода на HTML
• Вы не поняли AMP. Пояснение некоторых моментов
• Топ актуальных моноширинных шрифтов для разработчиков
• Как сделать сообщения об ошибках доступными
• Webpack 2 Tutorials, серия обучающих видео с объяснением Webpack API для полных новичков
• Webpack и Rollup: похожие, но разные
• Создатель JavaScript Brendan Eich о WebAssembly

CSS

• Подарки от браузеров ко дню вебмастера
• CSS Grid Layout:
  
  
  • CSS Grid Layout. Быстрый старт
  • Grid Garden — забавная игра для изучения CSS Grid Layout, аналог Flexbox Froggy
  • Edge начал работу по своей имплементации гридов
  • Grid-Powered Drop Quotes
  • Кроссворд на чистом CSS с помощью CSS Grid
  
  
• Невидимые части CSS
• rem и em, и почему, возможно, вы в них не нуждаетесь
• Индивидуализация CSS свойств с помощью CSS переменных
• Позиционирование элементов в вебе
• Относительные селекторы и селекторы атрибутов в CSS3

JavaScript

• The State of Reactive in JS: практический обзор FRP библиотек
• Реактивные библиотеки RX
• Современный JavaScript для древних веб-разработчиков·
• Отладка JavaScript с помощью Node Debugger
• Назад к основам: операторы, условные операторы и функции в JavaScript
• function_invocation.js — 11 способов вызова функции
• Создание понга на SVG.js
• ES2015+:
  
  
  • Регулярные выражения в мире post-ES6
  • Начинаем работать с JavaScript промисами
  • Необработанные промисы в Node.js
  
  
• Frameworks:
  
  
  • Matreshka.js 2 — tl;dr
  • Мнение разработчика, сравнивающего React, Angular2, и Aurelia
  • Javascript фреймворки: бесполезная попытка объективности
  • EmberConf 2017: текущий статус
  • Почему я восхищён GlimmerJS
  
  
• React:
  
  
  • Подкаст «Пятиминутка React» #10: Redux and Local State
  • Релиз React v15.5.0
  • Знакомство с React Loadable
  • Эволюция на React+Redux
  • React Native: очередная «серебряная пуля» для кросплатформенной разработки?
  • Встречайте ReactXP — библиотеку/фреймворк от команды Skype, созданную для кросс-платформенной разработки приложений на React
  • Reactour — интерактивный гид по компонентам React
  • Заблуждение о рендеринге в React
  • Тестирование снапшотов React с помощью Jest
  • Представление Redux Offline: Offline-First архитектура для прогрессивных веб-приложений и React Native
  • Представление glamorous — styled-components и jsxstyle, вдохновленные решением для стилизации React Components от PayPal
  
  
• Vue:
  
  
  • Управление состоянием в Vue.js 2 – введение
  • 7 вещей, которые вы должны знать о Vue.js
  • Создание переиспользующихся компонентов с помощью Vue.js: компонент кнопки
  • Использование Vue.js для создания кастомных веб компонентов
  
  
• Angular:
  
  
  • Итоги ng-conf 2017: день 1, день 2
  • Angular и доступность (Accessibility)
  • Angular v4: практическая работа с данными стран
  • Angular 4 с серверным рендерингом (aka Angular Universal)
  • Все что нужно знать об определении изменений в Angular
  • Использование Pipes в Angular
  
  
• Libs & Plugins:
  
  
  • Tippy.js — легкая библиотека для добавления всплывающих подсказок
  • embedo — простой плагин для вставки медиа из социальных сетей
  • BitArray.js — эффективная реализация больших массивов с булевыми флагами в JavaScript
  • UTIF.js — продвинутый и быстрый декодер TIFF
  • across-tabs — простая коммуникация между браузерными табами (поддержка cross-origin)
  • Sonnet — библиотека, созданная на основе TensorFlow для создания сложных нейронных сетей.

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

• Важная веха: Android обошел Windows и стал платформой №1 в вебе
• Возврат Ubuntu на GNOME, прекращение развития Ubuntu Phone и Unity 8, сокращение штата — в Canonical произошли серьёзные изменения
• Google добавил фактчек в новостной агрегатор и поисковик
• Mozilla готовит обновление пользовательского интерфейса Firefox
• Mastodon — конкурент Twitter с открытым исходным кодом
• Теория восторга: почему пользователям нравятся не украшения, а продуманные интерфейсы
• Чат-боты не оправдали хайп прошлого года
• На каком языке компьютер сможет общаться с мозгом напрямую
• «Ковчеги» для спасения человеческого наследия
• Что такое виртуальная реальность: свойства, классификация, оборудование — подробный обзор области
• Что-то пошло не так: Истории провала шести многообещающих стартапов
• Компьютерный вирус заставил пользователей проходить игру для доступа к файлам

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

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