Дайджест свежих материалов из мира фронтенда за последнюю неделю №252 (27 — 5 марта 2017)

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

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

CSS

Javascript

Браузеры

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

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

• Подкаст Веб-стандарты, Выпуск №57: Safari TP24, браузеры в 2017, кастомные свойства, make great again, новый HTML-заголовок, нервный опенсорс, W3C против WHATWG.
• Синдром самозванца: сражение с усталостью от фронтенда
• Вышло обновление Visual Studio Code 1.10
• Как смотреть видео с фронтенд-конференций
• Тренды в фронтенд инструментария в 2017-м году
• О функциональном программировании в фронтенде
• ebaytechblog: эффективное код-ревью фронтенда
• Производительность:
  
  
  • Оптимизация фронтенда под браузеры
  • Тестирование производительности с помощью User Timing API
  • Состояние адаптивных изображений в 2017-м
  • Анализ rel=preload от команды Chrome Data Saver
  
  
• WebAssembly:
  
  
  • Технология WebAssembly признана готовой для включения в браузерах по умолчанию
  • Иллюстрированное введение в WebAssembly
  • Создание и введение в модули WebAssembly
  • Что делает WebAssembly таким быстрым?
  • Где WebAssembly находится сейчас и что дальше?
  
  
• Что такое JSON? Введение и руководство для новичков
• Как создать свой собственный прогрессивный загрузчик изображений
• Библиотеки Progressive Web App Libraries на продакшене

CSS

• Создание картинок на CSS делает верстальщика лучше, или Чем себя занять долгими зимними вечерами
• Неизведанные глубины CSS: метрики шрифта, line-height и vertical-align
• Пользовательские свойства CSS. Основы
• Февральская встреча pitercss №10
• Соглашения по именованию размеров в масштабируемом CSS
• Breakpoints: Don’t Box Me In. О гармонизации брейкпоинтов в отзывчивом дизайне
• CSS Grid Layout:
  
  
  • Основные концепты grid layout, статья от Rachel Andrew на MDN
  • Подробнейшее руководство по CSS Grid Layout от Hui Jing Chen на codrops
  • Изучение CSS Grid Layout
  • Подборка актуальных ресурсов по изучению CSS Grid
  • Grid + Flexbox: наилучшая комбинация для разметки в вебе
  
  
• Создание отзывчивой сетки на Flexbox с помощью Less
• Действительно ли вы знаете CSS linear-gradients?
• Имплементация Critical CSS на вашем сайте
• О технике container queries
• Эффектная анимация текста в стиле видео-заставки
• Примеры CSS анимации границ блоков по наведению

JavaScript

• React или Vue? Выбираем библиотеку для фронтенд-разработки
• Промисы на примере бургер-вечеринки
• Настройка проекта на Node.JS с нуля. Видео в рамках курса Node.JS проекта javascript.ninja
• MinskJS Meetup #1
• Обновление до Babel 7 (WIP)
• Быстрый совет: как сортировать массивы объектов в JavaScript
• Все что я выучил из #Javascript30
• Предлагаемая карта решения вопросов JavaScript разработки в 2017-м
• Реальная история эпохи ECMAScript 4
• Работа с JavaScript Battery API
• 5 продвинутых техник Javascript и отладки, о которых вы должны знать
• Тестирование роутов в Angular 2
• Как мы сделали миграцию 200K+ LOC проекта на TypeScript и выжили чтобы рассказать эту историю
• Горячая перезагрузка всего!. Как использовать Webpack для достижения Hot Module Replacement на бекенде и фронтенде для более продуктивной разработки
• Asynchronous vs Deferred JavaScript
• React:
  
  
  • Подкаст 5minreact #6 — React 15.5 and 16 Umbrella
  • 6 краеугольных камней для React
  • Как работать с формами с React
  • Конвертация большой кодовой базы React с Coffeescript на ES6
  • Функциональный setState — это будушее React
  • Оптимизация производительности для React: часть 2
  • Улучшение работы с зависимостями в React
  • Три вещи, которые я узнал, работая с данными в Redux
  • eslint-plugin-jsx-a11y — статический анализатор поддержки a11y правил в JSX элементах
  
  
• Vue:
  
  
  • Генератор BEM классов для Vue.js
  • Обновление Vue.js до версии 2.2
  • Создание короткого рассказа с помощью SVGs и Vue.js
  • Создание To-Do приложения с помощью Vue.js 2
  • Обзор: Vue.js фреймворки для создания мобильных гибридных приложений
  
  
• Plugins & libs:
  
  
  • Имплементация Pull to reload для веба. Работает как в мобильном, так и в остальном вебе
  • neurojs — JavaScript фреймворк для deep learning в браузере
  • Store.js — 2-я версия библиотеки для работы с хранилищами в браузере
  • Anchorme — библиотека для конвертации найденных в тексте ссылок в якорные ссылки
  • BigPicture.js — плагин с функционалом позволяющим по клику на миниатюту просмотреть изображение/видео во всплывающей панели (BigPicture.js — Lightweight JavaScript image / video viewer. Supports Youtube and Vimeo. )

Браузеры

• В Firefox началось тестирование контекстных контейнеров
• V8: за кулисами (февраль. история TurboFan)
• Какой браузер самый быстрый под Linux?
• Safari теряет пользователей, подражая IE

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

• Mozilla приобрела сервис отложенного чтения Pocket. Как развивался сервис для отложенного чтения Pocket и что изменится после его продажи Mozilla
• HTTPS обошел HTTP: распространение безопасного протокола достигло переломного уровня
• «Яндекс» признан самой дорогой компанией Рунета
• Ryzen 7: мировой релиз долгожданного трио
• CoinDesk: Курс биткоина впервые превысил стоимость унции золота
• Оно само: сбой облачных сервисов Amazon произошел по вине сотрудника компании
• «Меня только что попросили сбалансировать двоичное дерево поиска в аэропорту»
• Бюджетный IoT. Как сэкономить на лампочках, объединить домашние гаджеты и обмануть Siri
• Цифровое наследие: Что будет с вашими аккаунтами после смерти
• Бесплатные игровые движки на HTML5 и JavaScript
• Как бдительный робот может создать проблемы добропорядочному гражданину
• Boston Dynamics официально представила робота на колёсах Handle
• NASA опубликовало симулятор работы астронавта в открытом космосе и множество другого софта
• Не прошло и года: Google закрывает мессенджер Spaces
• Разработчик обошел «капчу» Google с помощью распознания речи Google
• «ИТ-компании слишком крупные, чтобы быть честными»
• Чем питается пессимизм в ИТ?
• Новая Зеландия предложила бесплатную поездку в страну соискателям на ИТ-специальности
• Разницу между Apple и Google объяснили с помощью их патентов

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

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