Listen

Description

Простой способ сказать нам «спасибо» и попасть в закрытый чат:

• 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/
• hi@pitercss.com mailto:hi@pitercss.com для докладов на 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/