Дайджест свежих материалов из мира фронтенда за последнюю неделю №247 (23 — 29 января 2017)

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

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

CSS

Javascript

Браузеры

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

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

• Запись видео с Web Standards Days в Москве, 2017
• Подкаст Веб-стандарты, Выпуск №52: Moz://a, ввод дат, чек-лист, Webpack 2, React на веб-компонентах, суровый Unix, доступность.
• Веб-анимация в 2017-м
• Производительность:
  
  • 33 способа ускорить ваш фронтенд в 2017 году
  • Ускорение Lenta.ru: 3 человека, 2 недели, улучшение глубины просмотра на 27%
  • Как радикально улучшить производительность вашего сайта (часть 1)
  
  
• HTML:
  
  • Семантика HTML5: контентные типы и новые элементы
  • HTML vs HTML5 – в чем разница?
  • Правила использования ARIA в HTML
  • Упрощаем верстку отзывчивых HTML писем с помощью MJML
  • Нужен Lorem Ipsum? Внутри HTML?
  
  
• Service Workers:
  
  • Кто ты такой, Service Worker?
  • Offline-first для вашего шаблонизированного сайта (часть 2)
  • Имплементация «Save For Offline» с помощью Service Workers
  
  
• Создание доступного вспомогательного тултипа
• Webpack Tutorial: разбираемся, как оно работает
• npm для новичков: руководство для разработчиков фронтенда
• Как мы должны загружать веб-компоненты?
• Иллюстрированные алгоритмы: Algorithm → AST → CSS (3 x JavaScript)
• Map Rollovers. Реализация эффекта наведения на SVG карте

CSS

• А если без JavaScript?
• Понимание процесса визуализации
• CSS-анимации: Transitions и Animations. Motion Path Module CSS
• Новый display:flow-root — не clearfix, но что это и зачем?
• Шпаргалка по Flexbox от Юли Бухваловой, с живыми демками и определениями из спеки
• Время clearfix хака подошло к концу?
• Давайте взглянем на 50+ интересных свойств и значений в CSS
• Простое использование CSS Grid
• Простая CSS анимация с помощью @keyframes
• Как создание сотен хип-хоп битов помогли мне понять HTML и CSS
• Пошаговое руководство по алгоритму автоматического размещения в CSS Grid
• Sass FUNction Demos
• Архитектура CSS для множественных сайтов с помощью SASS
• Мнения лидеров мнений бывают вредны

JavaScript

• Стандарт JavaScript
• Куда будут двигаться JavaScript фреймворки в 2017-м?
• Рефакторинг 30000 строк JS кода с помощью типов
• Полезность бесполезных JavaScript фреймворков
• Meteor в 2017
• Что нового в jQuery 3 || 17 добавленных фич и как их использовать
• Прототипное наследование в JS объясненное с помощью CSS
• JavaScript методы работы с массивами: изменяемые и неизменяемые
• Фильтрация и цепочки в функциональном JavaScript
• Как я написал самую быструю в мире библиотеку для мемоизации
• Работа с HTTP потоками с Cycle.js
• ES2015+:
  
  • Async/await это шаг назад для JavaScript'a?
  • Как использовать JavaScript Fetch API для получения данных
  • Подготовсья к собеседованию по JavaScript: что такое промис?
  • Регулярки ECMAScript будут ещё лучше!
  • Предложение для ES: SharedArrayBuffer и atomics
  • ES6 и не только: воркшоп в PayPal (январь 2017)
  
  
• Angular:
  
  • Angular или React – попробуй и то и другое, оно того стоит
  • Глубокое погружение в декораторы Angular
  • Наше путешествие по миграции 100k строк кода с AngularJS на React (часть 1)
  • Введение в Observable для Angular разработчиков
  
  
• React:
  
  • Релиз React 15.5 и 16 Umbrella
  • Лучше практики по написанию компонентов React
  • Redux с React – первый взгляд
  • Оптимизация производительности твоего React приложения (Optimizing the Performance of Your React Application)
  • react-redux-universal-boilerplate
  
  
• Vue:
  
  • Jest для всех: Episode 1  —  Vue.js
  • Управление состоянием во Vue.js с Vuex
  
  
• Libs & Plugins:
  
  • tilt.js — tilt-эффект с requestAnimationFrame и 60+fps
  • qart.js — генератор QR кода объединяющего сам код и изображение
  
  

Браузеры

• Улучшения Chrome и Firefox ускорили перезагрузку страниц на 28-50%
• Релиз Firefox 51, + технические детали в блоге Марата Таналина
• Тестирование Firefox 52-beta и Firefox Developer Edition 53
• Выпуск web-браузера Chrome 56
• Новинки Safari, среди которых CSS Grid Layout
• Google Chrome и Mozilla Firefox сделают маркировки о безопасности сайтов более навязчивыми

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

• Следом за MongoDB начались атаки на CouchDB, Hadoop и ElasticSearch
• «Это был один из самых ужасных дней карьеры»: как ошибаются неопытные сотрудники IT-компаний
• Долгожители в сфере IT: самая старая из действующих программ и другие ветераны вычислительного труда
• История про плохого программиста, или Как не надо идти в IT
• Популярные технологии программирования в 2017 году — исследования Stack Overflow и других компаний
• Тренажёр по скоростному набору кода для программистов
• Эксперты IBM сделали пять предсказаний о жизни в 2022 г.
• Сложные люди в IT и что с ними делать?
• Почему крах Xiaomi похоронит идею доступных смартфонов
• Виталий Фридман: «Реклама не работает, ведь каждый третий читатель использует adblocker». Интервью с Виталием Фридманом, основателем, главным редактором Smashing Magazine.
• Дания назначит первого в мире «цифрового посла» для переговоров с Apple, Google и другими корпорациями
• Как WASD стала стандартной схемой управления на ПК
• Какие технологические уловки и хитрости используют современные детективы
• Следующая большая техническая революция произойдет в вашем ухе Facebook
• Робот доказал, что он не робот, обойдя соответствующую капчу
• Подразделения Alphabet, занимающиеся технологиями будущего, все еще убыточны, но убытки уменьшаются, а выручка растет
• Gmail будет блокировать прикреплённые .js файлы с 13-го февраля, 2017-го

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

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

Let's block ads! (Why?)