44. Браузеры, мультиколонки, раскладки, SVG, доступность, методологии, формы, шрифты, HTML

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty https://boosty.to/webstandards_ru • Patreon https://www.patreon.com/webstandards_ru Ведущие: Ольга Алексашенко, Вадим Макеев, Алексей Симоненко Темы 00:00:00 Интро 00:00:14 События 00:04:07 Новости Firefox 00:14:04 Веб-компоненты в WebKit 00:16:34 Мультиколонки 00:20:32 Системы раскладки 00:31:12 SVG-паттерны 00:34:30 Нюансы доступности 00:38:45 Методологии CSS 00:50:11 Улучшение формы 00:51:42 Шоу «Стандарт» 00:53:42 Фолбэки к шрифтам 00:57:25 HTML на стероидах 01:03:17 Подкаст жив! События • WSD в Киеве прошёл 26 ноября https://wsd.events/2016/11/26/#schedule • Krasnodar Dev Days 10 декабря http://landing.krddevdays.ru/ • FrontDays №4 в Тольятти 17 декабря http://frontdays.ru/ • Я.Субботник в Москве 10 декабря https://events.yandex.ru/events/yasubbotnik/10-dec-2016/ • HolyJS в Москве 11 декабря http://holyjs.ru/ • [email protected] mailto:[email protected] для докладов на pitercss • Приём докладов на CodeFest http://2017.codefest.ru/speakers/ru/call-for-papers.html Новости Firefox • Mozilla: Intent to implement Payment Request API https://groups.google.com/d/msg/mozilla.dev.platform/n-2o58jcTK8/sFisJf6pCAAJ • Firefox: New Responsive Design Mode https://hacks.mozilla.org/2016/11/new-responsive-design-mode-rdm-lands-in-firefox-dev-tools/ Веб-компоненты в WebKit • WebKit: Introducing Custom Elements https://webkit.org/blog/7027/introducing-custom-elements/ Мультиколонки • Lea Verou: inline-block prevents fragmentation in multi-column containers https://mobile.twitter.com/LeaVerou/status/800163417332023296 Системы раскладки • Грид, флексбокс и выравнивание блоков http://prgssr.ru/development/grid-fleksboks-i-vyravnivanie-blokov-nasha-novaya-sistema-raskladki.html • Should I try to use the IE implementation of CSS Grid Layout? https://rachelandrew.co.uk/archives/2016/11/26/should-i-try-to-use-the-ie-implementation-of-css-grid-layout/ SVG-паттерны • SVG-паттерны http://css.yoksel.ru/svg-patterns/ Нюансы доступности • The Accessibility Difference Between aria-hidden and role="presentation" http://csskarma.com/blog/difference-rolepresentation-aria-hiddentrue/ • Changing the Reading Order of a Page with aria-flowto http://csskarma.com/blog/changing-reading-order-page-aria-flowto/ Методологии CSS • Holy Grail Layout https://github.com/AleshaOleg/holy-grail-markup • When to use which CSS methodology http://simurai.com/blog/2016/11/27/css-methodologies Улучшение формы • Улучшение формы комментариев https://medium.com/p/7b2ad80f0340 Шоу «Стандарт» • The Standard E02: Fit to Page https://youtu.be/299RZ0d1LQY Фолбэки к шрифтам • Font style matcher https://meowni.ca/font-style-matcher/ HTML на стероидах • AMP, Instant Articles, Instant View http://telegra.ph/AMP-Instant-Articles-Instant-View-whut-11-23 Подкаст жив! • Пятиминутка React http://5minreact.ru/ • Веб-стандарты в iTunes https://itunes.apple.com/podcast/id1080500016 Читайте новости • 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/