Дайджест свежих материалов из мира фронтенда за последнюю неделю №297 (8

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

Медиа

• Подкаст «Веб-стандарты», Выпуск №102: Зачем нужны эксперименты с CSS, Хаяку на JS, как развиваются спецификации CSS и что им мешает, стили в компонентном стеке.
• Подкаст «Веб-стандарты», Выпуск №103: Браузеры и разработка интерфейсов, где искать, если потеряли статью, точка с запятой в JS, понятно о выравнивании в CSS, трюки Сары с SVG, управление проектами, фронтендер в Берлине.
• Подкаст «Frontend Weekend» #34 – Олег Бунин про организацию конференций, Павла Дурова и цены на билеты
• Подкаст «Frontend Weekend» #35 – Шокирующая правда о Фронтенд Юности
• Подкаст «devschacht»: Ночной фронтенд #17 — Webstorm, Wallaby для бедных и нативные модули
• Подкаст «Фронтенд Юность (18+)» #31: Стоит ли переписывать ваш проект на Rust?
• Подкаст «Фронтенд Юность (18+)» #33: Механизм спекулятивного выполнения кода
• «ALL YOUR HTML» #31: «Вёрстка простого макета и общение»
• 6 видео с KharkivFrontend Meetup#_0: Boilerplate, GraphQL, D3, Service Workers, Kiss и Как заработать на accessibility
• 23 доклада с FrontFest 2017: код и творчество, разработка SPA, оптимизация графики, декларативная шаблонизация, алгоритмы и структуры данных, доступность, i18n и другое

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

• Нейронная сеть, которая верстает сайты по картинке
• Фронтенд в 2018: больше консенсуса, меньше сложности
• Что нового в HTML 5.2?
• Краткий обзор HTML 5.2 Dialog
• Оптимизация SVG Text & Image Delivery с помощью with Inline SVG. Когда одной техники встраивания SVG недостаточно

Безопасность:
• Рассказ о том, как я ворую номера кредиток и пароли у посетителей ваших сайтов
• Рассказ о том, как я майню эфир через meltdown на ваших телефонах при помощи npm
• Сбой антиспам-системы привёл к коллапсу в репозитории NPM
• Третьесторонние скрипты. Мнения экспертов об их влиянии на производительность и безопасность, а также подборка ссылок на соответствующие материалы
• Объяснение HTTPS на примере голубиной почты
• Сломают ли Spectre & Meltdown JavaScript?

Производительность:
• Google обновил инструмент PageSpeed Insights
• 8 экспертов из области фронтенда высказывают свои мысли о веб-производительности в 2018-м
• Оптимизация странц с помощью заголовка “Save-Data”
• Black Friday/Cyber Monday 2017: Анализ и статистика производительности топовых интернет-магазинов в период распродаж

AMP/PWA:
• Google нашёл решение проблемы с отображением URL в AMP-результатах
• Google значительно обновил инструмент для проверки AMP-страниц
• Письмо о Google AMP. Открытое письмо сообщеста против монопольного навязывания Гуглом своих технологий
• Прогрессивное веб-приложение для каждого проекта

Tools:
• Отладка JavaScript с помощью WebStorm 2017.3 в связке с Chrome DevTools
• VS Code Blog: Что нового для отладки под Chrome
• Webpack: В Webpack 4.0 будет использоваться JSON Tree Shaking, По умолчанию Webpack 4 будет работать в режиме configless

Accessibility:
• Пандус для сайта
• Небольшие улучшения, которые могут оказать огромное влияние на доступность вашего сайта
• Слепая женщина подает в суд на 30 сайтов из-за проблем с доступностью
• Разбираемся с WCAG 2.1 – обзор критериев успеха для когнитивных расстройств
• Маленькие шаги в сторону доступности N26 — крупного европейского онлайн-банка с веб-платформой на React

Анимация:
• Masked Circle Slider
• ertdfgcvb — интерактивная ascii-анимация
• Pure CSS Burrito Toggle — насколько далеко можно зайти с кастомными чекбоксами
• Фантастические Pen-демки и где их искать: часть #1, часть #2

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

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

Дайджест свежих материалов из мира фронтенда за последнюю неделю №297 (8 — 14 января 2018)

Медиа

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

CSS

JavaScript

Браузеры

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

{{ titleHtml }}

{{ titleHtml }}