47. Браузеры, sticky, VR, загрузка JS, параллакс, SVG, краткий CSS, брейкпоинты, гриды и 20 лет CSS

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty https://boosty.to/webstandards_ru • Patreon https://www.patreon.com/webstandards_ru Ведущие: Ольга Алексашенко, Вадим Макеев Темы 00:00:00 Интро 00:00:18 События 00:04:35 Chromium и Opera 00:08:19 Возвращение position: sticky 00:11:49 Виртуальная реальность 00:16:40 Приоритизация JS 00:21:51 Быстрый параллакс 00:25:29 Инлайновый SVG лучший! 00:30:35 Краткая запись CSS 00:36:39 Контрольные точки 00:40:47 Гриды! 00:44:56 20 лет CSS События • Видео с MinskCSS №1 https://youtu.be/hwseJaIsoBw?list=PL3uk4LxG9Zzl8MRXT1IpGxuZormysIbjg • WSD в Москве 28 января https://wsd.events/2017/01/28/#proposal • Встреча по фронтенду СКБ Контур в Екатеринбурге https://vk.com/wall-9594364_3363 • Работа фронтендера в крупной IT-компании https://alenadmit.github.io/open-vebinar/ • Доступность для незрячих http://frontend-science.com/lab/ • Приём докладов на KharkivCSS https://docs.google.com/forms/d/e/1FAIpQLSeBbERGJTNMqyshONNpuG-QwKmKXLkvaukSXRp010VM-4PClw/viewform Chromium и Opera • What’s new in Chromium 55 and Opera 42 https://dev.opera.com/blog/opera-42/ Возвращение position: sticky • Sticky is back in Chrome https://developers.google.com/web/updates/2016/12/position-sticky Виртуальная реальность • Chrome: WebVR https://developers.google.com/web/fundamentals/vr/ • Очки виртуальной реальности «Кардборд» https://store.artlebedev.ru/electronics/kardboard-white/ • A-Frame https://aframe.io/ Приоритизация JS • When everything’s important, nothing is! https://aerotwist.com/blog/when-everything-is-important-nothing-is/ Быстрый параллакс • Performant Parallaxing https://developers.google.com/web/updates/2016/12/performant-parallaxing Инлайновый SVG лучший! • Why Inline SVG is Best SVG https://youtu.be/af4ZQJ14yu8 • SVG 2, W3C CR https://www.w3.org/TR/SVG2/ Краткая запись CSS • Краткая запись CSS как антипаттерн http://prgssr.ru/development/kratkaya-zapis-css-kak-antipattern.html Контрольные точки • Правильный способ делать контрольные точки в CSS http://css-live.ru/articles-css/pravilnye-kontrolnye-tochki-v-css.html Гриды! • Грядут гриды! http://css-live.ru/verstka/gryadut-gridy.html 20 лет CSS • 20 Years of CSS https://www.w3.org/Style/CSS20/ Читайте новости • 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/