45. Chrome 55, гриды, URL, PWA как APK, @supports, CSS-in-JS, шрифты в Медузе, инструменты 2016

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty https://boosty.to/webstandards_ru • Patreon https://www.patreon.com/webstandards_ru Ведущие: Вадим Макеев, Алексей Симоненко Темы 00:00:00 Интро 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-in-JS и бэктики 00:42:21 Шрифты в Медузе 00:52:57 Инструменты 2016 События • RealtimeBoard TechDays в Перми 4 декабря http://techday.realtimeboard.com • Митап по БЭМу для новичков в Яндексе 9 декабря https://events.yandex.ru/events/bemup/09-12-2016/ • Я.Субботник по фронтенду в Москве 10 декабря https://events.yandex.ru/events/yasubbotnik/10-dec-2016/ • HolyJS в Москве 11 декабря http://holyjs.ru/ • Pitercss №8 в офисе DataArt 21 декабря https://pitercss.timepad.ru/ • NodeSchool SPB в офисе Selectel 24 декабря https://github.com/nodeschool/spb/issues/42 Chrome 55 • Chrome 55: Async and Await, Pointer Events, Persistent Storage https://youtu.be/OC7tgJP1D4s • Now shipping Node v7, with preliminary support for async/await! https://twitter.com/zeithq/status/802633638298861568 • V8 Release 5.6 http://v8project.blogspot.ru/2016/12/v8-release-56.html • www-style: scroll anchoring https://lists.w3.org/Archives/Public/www-style/2016Dec/0010.html Отладка гридов в Firefox • CSS Grid and Grid Highlighter Now in Firefox Developer Edition https://hacks.mozilla.org/2016/12/css-grid-and-grid-highlighter-now-in-firefox-developer-edition/ Парсер URL в WebKit • URL Parsing in WebKit https://webkit.org/blog/7086/url-parsing-in-webkit/ PWA как APK • Paul Kinlan: What Comes Next for the Web? https://youtu.be/YJwrBbze_Ec?t=21m34s • Installing web apps on phones (for real) https://joreteg.com/blog/installing-web-apps-for-real Справочник по CSS • CSS Reference http://cssreference.io/ @​supports • @​supports изменит вашу жизнь http://frontender.info/supports-will-change-your-life/ • Поддержка на Can I Use… http://caniuse.com/#feat=css-featurequeries • Fallback for browsers not supporting CSS Grid Layout https://github.com/sylvainpolletvillard/postcss-grid-kiss#fallback-for-browsers-not-supporting-css-grid-layout CSS-in-JS и бэктики • The magic behind styled-components http://mxstbr.blog/2016/11/styled-components-magic-explained/ Шрифты в Медузе • Как использовать кастомные шрифты в вебе и не сойти с ума https://medium.com/p/9ba8a2998bcc • Статьи Зака Лезермана https://www.zachleat.com/web/ • Паттерны загрузки веб-шрифтов https://web-standards.ru/articles/web-font-loading-patterns/ • Homebrew web font tools https://github.com/bramstein/homebrew-webfonttools Инструменты 2016 • The State of Front-End Tooling 2016 https://ashleynolan.co.uk/blog/frontend-tooling-survey-2016-results Читайте новости • Telegram https://t.me/webstandards_ru • X https://x.com/webstandards_ru • VK https://vk.com/webstandards_ru • Facebook https://www.facebook.com/webstandardsru/ • Mastodon https://mastodon.social/@webstandards_ru • Bluesky https://bsky.app/profile/web-standards.ru • LinkedIn https://www.linkedin.com/company/web-standards-ru/