54. Chrome, установка веб-приложений, очевидный CSS, флексбокс, колбэки, ES-модули, офлайн, HTTP/2

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty https://boosty.to/webstandards_ru • Patreon https://www.patreon.com/webstandards_ru Ведущие: Ольга Алексашенко, Вадим Макеев, Алексей Симоненко Темы 00:00:00 Интро 00:00:12 События 00:02:07 Новинки Chrome 00:08:32 Установка веб-приложений 00:23:50 Баги в браузерах 00:30:44 Очевидный CSS 00:37:33 Банальный флексбокс 00:43:43 Ад колбэков 00:47:21 Нативные ES-модули 00:54:14 Сохранить в офлайне 00:55:31 Локальный HTTP2 События • Видео с WSD в Москве https://youtu.be/cRFz6GexLpM?list=PLMBnwIwFEFHdF7aJTIHQ_wJ5tkpyG7CNI • PiterJS №12 в ИТМО 9 февраля https://meetabit.com/events/piterjs-12 • Rolling Scopes в Минске 18—19 февраля https://2017.conf.rollingscopes.com/ • pitercss_meetup №10 21 февраля https://pitercss.timepad.ru/event/442550/ • moscowcss_meetup №1 2 марта http://css.moscow/ • DUMP-2017 14 апреля https://habr.ru/p/321100/ Новинки Chrome • Chrome 57 Beta https://blog.chromium.org/2017/02/chrome-57-beta-css-grid-layout-improved.html Установка веб-приложений • The New and Improved Add to Home screen https://developers.google.com/web/updates/2017/02/improved-add-to-home-screen • Google is finally making web apps first-class citizens on Android http://www.theverge.com/2017/2/3/14497570/google-chrome-add-to-home-screen-web-apps-android-improvements Баги в браузерах • Reporting Browser Bugs https://www.rachelandrew.co.uk/archives/2017/01/30/reporting-browser-bugs/ • Lack of @counter-style support https://bugs.chromium.org/p/chromium/issues/detail?id=687225 • Баги в браузерах: кто виноват и что делать? https://youtu.be/K4cQH85bntQ Очевидный CSS • Using CSS variables in SVG icons https://fvsch.com/code/svg-icons/css-variables/ • Сила цветовой CSS-функции rgba http://frontender.info/the-power-of-rgba/ Банальный флексбокс • A Complete Guide to Flexbox https://css-tricks.com/snippets/css/a-guide-to-flexbox/ • Flexbox Cheatsheet http://yoksel.github.io/flex-cheatsheet/ • Битва за базовую линию http://kizu.ru/blog/flex-baseline/ • How Flexbox works — explained with gifs https://medium.com/p/d280cf6afc35 Ад колбэков • Ад обратных вызовов http://callbackhell.ru/ Нативные ES-модули • Native ES-modules: new features, differences from Webpack https://blog.hospodarets.com/native-ecmascript-modules-new-features Сохранить в офлайне • Implementing “Save For Offline” with Service Workers https://una.im/save-offline/ Локальный HTTP2 • Simplehttp2server https://github.com/GoogleChrome/simplehttp2server Читайте новости • 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/