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

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

CSS

Javascript

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

• Подкаст Веб-стандарты, Выпуск №47: Chromium и Opera, position: sticky, виртуальная реальность, приоритизация JS, быстрый параллакс, инлайновый SVG, краткая запись CSS, контрольные точки, гриды и 20 лет CSS.
• Разделы документа в HTML 5.1
• Обзор средств хранения данных на клиентской стороне
• Логотип не отвечает или временно недоступен. Юля Бухвалова задается вопросом, как лучше всего верстать логотипы на сайте.
• Знакомство с впечатляющими возможностями SVG-анимаций: пишем небольшую игру
• Производительность:
  
  
  • Front-End Performance Checklist 2017 (PDF, Apple Pages)
  • Я включил HTTP/2… что дальше? (I’ve turned h2 on… now what?)
  • 10 штук, которые я выучил, создавая самый быстрый сайт в мире
  • Введение в Progressive Web Apps (мгновенная загрузка) — часть 2
  
  
• Анатомия веб-запроса (The Anatomy of a Web Request)
• Material Components — модульные и настраиваемые компоненты Material Design UI
• Учимся по Лего: шаг вперед в модульном веб-дизайне
• Эффекты появления блоков при различных интерактивностях
• О специфических API, приносящих функциональность в стиле нативных приложений в мобильные браузеры
• Топ онлайн курсов для разработчиков фронтенда в 2017-м
• 27 новых популярных репозиториев в 2016-м для веб-разработчиков (27 popular new github repositories for web developers in 2016)
• Почему Bower всё ещё уместен
• Музыкальный проигрыватель (CSS/HTML/JS)
• Записи докладов с FrontTalks 2016

CSS

• Как я проект на БЭМ переводил… и перевел
• Bootstrap 4 прекращает поддержку IE9 и полностью переходит на Flexbox
• Рабочая группа CSS определяет состав будущего CSS-2017
• Запись трансляции pitercss №8
• Масштабирование отзывчивой анимации (Scaling Responsive Animations)
• Синтаксис @font-face никогда не будет пуленепробиваемым, но он и не должен (No @font-face Syntax will ever be Bulletproof, Nor Should It Be)
• CSS Writing Modes
• Темная сторона полифилов в CSS (The Dark Side of Polyfilling CSS)
• Руководство для новичка по созданию изображений на чистом CSS
• Асинхронная загрузка веб-шрифтов
• Объемный перекидной счётчик на «чистом» CSS
• Подборка 68-ти лучших CSS фреймворков
• Petal — CSS UI framework, основанный на LESS
• Type CSS Framework

JavaScript

• HolyJS Moscow: Время экспансии
• Ember — Лучшие практики: избегайте утечки состояния внутрь фабрики
• Как я писал приложение на Elm
• 19 неожиданных находок в документации Node.js
• JavaScript простой! Кто сказал?
• JavaScript: обзор 2016-го
• V8: за кулисами (December Edition)
• Правда о традиционных бенчмарках в JavaScript
• Мы нуждаемся в лучшем способе продвижения JavaScript проектов!
• ES6 Symbols и примеры их использования (ES6 Symbols and their Use Cases)
• Является async/await шагом назад в JavaScript? (Is async/await a step back to JavaScript?)
• Фреймворки:
  
  
  • React или Vue: какую из Javascript UI библиотек вы должны использовать?
  • Первые впечатления от Vue.js 2.0
  • «Aгa» моменты в React
  • 30 Days of React
  • Эксперименты с рендерами в Angular
  • JavaScript Frameworks Are Great
  
  
• Плагины:
  
  
  • HoloJS — фреймворк от Microsoft для создания голографических приложений с помощью JavaScript и WebGL
  • fuse-box — сверхбыстрый bundler/loader с полноценным API
  • angular.piechart — компонент Angular 1.5 для рисования радиальных диаграмм
  • Switzerland добавляет функциональный подход к Веб Компонентам добавляя middleware к компонентам
  • RxDB — реактивная Offline-first база данных, основанная на Javascript

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

< Дайджест за прошлую неделю

» Материал подготовили dersmoll и alekskorovin