128. React это JS, вложенность в CSS, отступы, капча, гриды в IE, верстальщик против визивига

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty https://boosty.to/webstandards_ru • Patreon https://www.patreon.com/webstandards_ru Ведущие: Ольга Алексашенко, Вадим Макеев Темы 00:00:00 Интро 00:00:21 События 00:05:03 React это просто JS 00:10:42 Вложенность в CSS 00:16:34 Система отступов 00:25:06 Недоступная капча 00:29:25 Забудьте про гриды в IE 00:47:39 Верстальщик против визивига События • SPB Frontend в Питере 17 июля https://spb-frontend-events.timepad.ru/event/760041/ • Я.Субботник в Минске 28 июля https://events.yandex.ru/events/yasubbotnik/28-jul-2018/ • WSD в Питере 18 августа https://wsd.events/2018/08/18/ React это просто JS • React is just JavaScript https://medium.com/p/88600553269c • The Beginner’s Guide to React https://egghead.io/courses/the-beginner-s-guide-to-react Вложенность в CSS • Request to pick up the CSS nesting proposal https://github.com/w3c/csswg-drafts/issues/2701 • CSS Nesting Module Level 3 https://tabatkins.github.io/specs/css-nesting/ • А смысл, если есть препроцессоры? https://www.facebook.com/webstandardsru/photos/a.225960300805050.53253.101531286581286/1787318661335865/?type=3&comment_id=1787685937965804 Система отступов • Spacings and CSS Custom properties https://medium.com/p/bdae00eaf3f1 • Зачем нужны кастомные свойства? https://medium.com/p/b849b88c19cc • Старая тема Material на Sass https://github.com/shower/material/blob/v1.1.0/styles/_defaults.scss#L125-L147 Недоступная капча • ReCAPTCHA v3 https://developers.google.com/recaptcha/docs/v3 • Inaccessibility of CAPTCHA, W3C WD https://www.w3.org/TR/turingtest/ Забудьте про гриды в IE • Debunking Common IE Grid Misconceptions https://css-tricks.com/css-grid-in-ie-debunking-common-ie-grid-misconceptions/ • CSS Grid and the New Autoprefixer https://css-tricks.com/css-grid-in-ie-css-grid-and-the-new-autoprefixer/ • Faking an Auto-Placement Grid with Gaps https://css-tricks.com/css-grid-in-ie-faking-an-auto-placement-grid-with-gaps/ • Андрей Ситник: Рейчел не позволила https://twitter.com/andrey_sitnik/status/1013795498891898881 • CSS Grid Level 2: Here Comes Subgrid https://www.smashingmagazine.com/2018/07/css-grid-2/ Верстальщик против визивига • WiX https://www.wix.com/ • Tilda https://tilda.cc/ru/ • Adobe Muse http://muse.adobe.com/ Читайте новости • 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/