Выпуск №128
9 июля 2018: React это просто JS, вложенность в CSS, система отступов, недоступная капча, забудьте про гриды в IE, верстальщик против визивига.
— Ольга Алексашенко
— Вадим Макеев
Содержание
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 Верстальщик против визивига
Слушайте в iTunes — https://itunes.apple.com/ru/podcast/veb-standarty/id1080500016, на Ютубе — https://www.youtube.com/playlist?list=PLMBnwIwFEFHcwuevhsNXkFTcadeX5R1Go или на SoundCloud — https://soundcloud.com/web-standards, подписывайтесь на RSS — https://web-standards.ru/podcast/feed/ и обсуждайте в Слаке — http://slack.web-standards.ru/. Читайте новости в Твиттере — https://twitter.com/webstandards_ru, Вконтакте — https://vk.com/webstandards_ru, Фейсбуке — https://www.facebook.com/webstandardsru или Телеграме — https://t.me/webstandards_ru.
События
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/