episode-45.md

Выпуск №45

5 декабря 2016: Chrome 55, отладка гридов, парсер URL, PWA как APK, @supports, CSS в JS и бэктики, шрифты в Медузе, инструменты 2016.

• Вадим Макеев
• Алексей Симоненко

Содержание

• 00:00:13 События
• 00:02:57 Chrome 55
• 00:11:10 Отладка гридов в Firefox
• 00:12:55 Парсер URL в WebKit
• 00:16:20 PWA как APK
• 00:18:21 Справочник по CSS
• 00:23:40 @​supports
• 00:33:04 CSS в JS и бэктики
• 00:42:21 Шрифты в Медузе
• 00:52:57 Инструменты 2016

Слушайте: Google Podcasts, Apple Podcasts, ВКонтакте, Яндекс.Музыка, Spotify, YouTube, SoundCloud, RSS.

Читайте: Твиттер, ВКонтакте, Фейсбук, Телеграм.

Поддержите: Патреон, Яндекс.Деньги, PayPal.

Обсуждайте в Слаке.

События

• RealtimeBoard TechDays в Перми 4 декабря
• Митап по БЭМу для новичков в Яндексе 9 декабря
• Я.Субботник по фронтенду в Москве 10 декабря
• HolyJS в Москве 11 декабря
• Pitercss №8 в офисе DataArt 21 декабря
• NodeSchool SPB в офисе Selectel 24 декабря

Chrome 55

• Chrome 55: Async and Await, Pointer Events, Persistent Storage
• Now shipping Node v7, with preliminary support for async/await!
• V8 Release 5.6
• www-style: scroll anchoring

Отладка гридов в Firefox

• CSS Grid and Grid Highlighter Now in Firefox Developer Edition

Парсер URL в WebKit

• URL Parsing in WebKit

PWA как APK

• Paul Kinlan: What Comes Next for the Web?
• Installing web apps on phones (for real)

Справочник по CSS

• CSS Reference

@​supports

• @​supports изменит вашу жизнь
• Поддержка на Can I Use…
• Fallback for browsers not supporting CSS Grid Layout

CSS в JS и бэктики

• The magic behind styled-components

Шрифты в Медузе

• Как использовать кастомные шрифты в вебе и не сойти с ума
• Статьи Зака Лезермана
• Паттерны загрузки веб-шрифтов
• Homebrew web font tools

Инструменты 2016

• The State of Front-End Tooling 2016