Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | CSS | Javascript | Браузеры | Занимательное
•
Подкаст «Frontend Weekend» #28 – Александр Майоров о будущем RadioJS и собственном кадровом агентстве
•
Подкаст «Веб-стандарты», Выпуск №95: Firefox жив! Парное программирование, быстрый JS, доступность, книги и термины, школы при компаниях, юниоры
•
Подкаст «devschacht»: Ночной фронтенд #11 — Как не утонуть в пул-реквестах
•
Подкаст «Фронтенд Юность (18+)» #27 Почему Дэн Абрамов не пользуется Firefox
•
Подкаст «Drinkcast», Выпуск #17 — «Как выйти из вима?»
•
«ALL YOUR HTML» #23: «Лендинг с полноэкранным скроллом и анимациями на PubSub»
•
CSSSR Conf 2017
•
NodeConfEU 2017, 29 видео
• Все основные браузеры теперь поддерживают WebAssembly
• Синхронное обновление: Редактор кода Atom получил функцию для параллельного программирования Teletype, а Microsoft представила технологию для парного программирования Live Share
•
В W3C опубликовали стратегические планы развития: Web Assembly, WebRTC, Web Payments, WebVR и многое другое
•
Первый взгляд на Polymer 3.0
•
Как использовать SVG в качестве плейсхолдера, а также о других техниках загрузки изображений
•
Полное руководство по пуленепробиваемым кнопкам в рассылочных письмах
• Применение медиавыражений для пропорций окна браузера
• «Запашки» CSS-кода
•
Эрик Мейер о снижении сложности CSS
•
После многих лет неактивности, Эрик Мейер обновил свой таймлайн CSS модулей
•
Как использовать CSS градиенты в вебе
•
Переменные окружения в CSS; как бороться с программной рамкой в iPhone X
•
Берем скролл под свой контроль: кастомизация pull-to-refresh и overflow эффекты
•
CSS трюки, которые могут принести революцию в ваши лейауты
•
Мониторинг неиспользуемого CSS с помощью мощностей протокола DevTools
•
Начинаем разбираться с математическими функциями в CSS Level 4
•
Соотношение сторон для элементов гридов
•
Использование CSS Grid: поддержка браузеров без гридов
•
JavaScript: путь к ясности кода
• Draft.js — фреймворк для создания текстовых редакторов от Facebook. Русскоязычное руководство
• Генерация HTTP-запросов. Fetch или Axios.js
•
Паттерны проектирования JavaScript на 2017 год. Перевод доклада Скотта Аллена
•
GraphQL — API по-новому. Доклад Владимира Цукура на JavaDay UA 2017
•
Бюджет JavaScript (стоимость доставки и производительности). Эдди Османи делится рецептами быстрой загрузки JS: меньше кода = меньше парсить/компилить + меньше передавать + меньше данных для декомпрессии
•
Неплохая подборка шпаргалок и справочных руководств для JavaScript
•
Символы, Генераторы и потоки в JavaScript
•
Обзорная лекция по основным возможностям ES2017+, от Дмитрия Сошникова
•
Начни использование Babel 7 Beta уже сегодня!
•
Vue Konva: JavaScript библиотека для рисования сложной канвас графики с помощью Vue
•
Разработка расширения для Google Chrome с использованием Angular 4
•
Выпуск Firefox 57 с многопоточным CSS-движком и новым оформлением. Детали для разработчиков от Марата Таналина
•
Вход в эру Quantum — как Firefox стал опять быстрым и когда он будет еще быстрее
•
Супер-стабильный опыт WebVR благодаря Firefox Quantum
•
Действительно ли Firefox Quantum хорош? (Спойлер: да)
•
Firefox будет блокировать все ссылки вида data:URI
•
Google готов раскошелиться, чтобы вернуть свой поисковик в Firefox
• Google удалила китайский UC Browser из магазина приложений для Android
•
Детали релиза Safari Technology Preview 44
• Вышел WordPress 4.9 с крупными улучшениями кастомайзера, обновленным редактором кода, а также новым виджетом для галерей
• Google начнёт требовать соответствия контента AMP и канонических страниц
• Видео дня: робот Boston Dynamics Atlas делает обратное сальто
• Специалисты Google назвали фишинг самым опасным видом атак
• Тим Бернерс-Ли о будущем интернета: «Система проваливается»
• ПО Google TensorFlow Lite позволит запускать алгоритмы ИИ на обычных смартфонах
• GitHub внедрит инструмент GVFS от Microsoft для поддержки объёмных проектов
• IEEE объявил о введении 3 стандартов ИИ, обеспечивающих благополучие человечества в эпоху роботов
• Не такой, как все: чем Snapchat отличается от других стартапов Кремниевой долины, и поможет ли это ему выжить
•
Оптические эффекты в пользовательских интерфейсах (для настоящих ботанов)
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Медиа | Веб-разработка | CSS | Javascript | Браузеры | Занимательное
Медиа
•

•

•

•

•

•

•

•

Веб-разработка
• Все основные браузеры теперь поддерживают WebAssembly
• Синхронное обновление: Редактор кода Atom получил функцию для параллельного программирования Teletype, а Microsoft представила технологию для парного программирования Live Share
•

•

•

•

- Производительность:
•Оптимизация скорости визуализации веб-страниц. Мартин Сплитт рассказывает о производительности снизу вверх: он начинает с пикселя и поднимается уровень за уровнем, заканчивая компоновкой страницы
•Метрики загрузки страницы. Что все они означают?
•О минификации SVG и Gzip. Как использовать компрессоры наиболее оптимальным способом
•120fps — новая планка производительности на 2018
•Почему вам следует отдать приоритет PageSpeed при обсуждении нового сайта с клиентом
•Как оптимизировать критический путь рендеринга в WordPress
•8 менее известных (но полезных) плагинов для повышения производительности в WordPress
- Accessibility:
•Масштабирование текста больше не актуально? О требованиях к размеру текста и доступности, основанных на старых мифах и новых критериях WCAG 2.1
•Инклюзивный чеклист по веб-дизайну
•Как правильно отключать ссылки?
•ADA Website Compliance: Руководство для новичков
•Доступные веб-приложения с помощью React, TypeScript и AllyJS
•Насколько ваш сайт доступен для людей с ограниченными возможностями? Рассмотрите возможность проведения аудита, чтобы узнать
- Анимация:
• Еженедельная подборка красивых эффектов на CSS/SVG/JS #62
•Анимированный слайдер с креативными рамками на SVG
•Стильная велосипедная анимация с помощью gsap svg stroke
•Секвенсор сканирования Javascript. Используя камеру, создавайте музыку в реальном времени своими движениями. Написано с использованием p5js и tonejs
CSS
• Применение медиавыражений для пропорций окна браузера
• «Запашки» CSS-кода
•

•

•

•

•

•

•

•

•

•

JavaScript
•

• Draft.js — фреймворк для создания текстовых редакторов от Facebook. Русскоязычное руководство
• Генерация HTTP-запросов. Fetch или Axios.js
•

•

•

•

•

•

•

•

•

React:
•Как работает Redux на примере создания счетчика
•Стартовый набор разработки WordPress + React Starter Kit от Postlight
•Хотите узнать больше о React? Давайте создадим игру и сыграем в нее
•Чистый код vs. грязный код: лучшие практики React
•Все, что вы должны знать о React: основы, которые вам нужны для начала разработки
•Быстрое руководство по Webpack бандлу и разделении кода в React
•Миграция приложений с Angular 1.x на React — гибридный путь
- Libs & Plugins:
•Luxon — современная и мощная обёртка для работы с временем и датами
•ECharts — мощная библиотека визуализации от baidu для рисования диаграмм в Canvas.
•react-scroll-to — помогает скроллить к указанным частям страницы в React
•Релиз remoteStorage.js 1.0.0 (для синхронизации локальных данных)
Браузеры
•

•


•


•


•

•

• Google удалила китайский UC Browser из магазина приложений для Android
•

Занимательное
• Вышел WordPress 4.9 с крупными улучшениями кастомайзера, обновленным редактором кода, а также новым виджетом для галерей
• Google начнёт требовать соответствия контента AMP и канонических страниц
• Видео дня: робот Boston Dynamics Atlas делает обратное сальто
• Специалисты Google назвали фишинг самым опасным видом атак
• Тим Бернерс-Ли о будущем интернета: «Система проваливается»
• ПО Google TensorFlow Lite позволит запускать алгоритмы ИИ на обычных смартфонах
• GitHub внедрит инструмент GVFS от Microsoft для поддержки объёмных проектов
• IEEE объявил о введении 3 стандартов ИИ, обеспечивающих благополучие человечества в эпоху роботов
• Не такой, как все: чем Snapchat отличается от других стартапов Кремниевой долины, и поможет ли это ему выжить
•

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