61. Браузеры, переключатель, гриды, меню, редактор в браузере, ереси БЭМа, вёрстка для школоты

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty https://boosty.to/webstandards_ru • Patreon https://www.patreon.com/webstandards_ru Ведущие: Ольга Алексашенко, Вадим Макеев, Алексей Симоненко Темы 00:00:00 Интро 00:00:12 События 00:03:22 Бета Chrome 58 00:13:24 Safari TP 00:18:58 Кастомные свойства в Edge 00:23:10 Переключатель на кнопке 00:30:38 Гриды на практике 00:40:36 Быстрое меню 00:43:09 Редактор в браузере 00:56:31 Ереси БЭМа 00:59:37 Вёрстка для школоты События • Видео с pitercss №11 https://youtu.be/xdhPX2llDeg?list=PLTdS5E3zupkG12igmZ1mk7nrCUbbJbC_E • 25 докладов с HolyJS 2016 https://youtu.be/khskUi4NZ0k?list=PL8sJahqnzh8IDythQu3ZJPqnvuSXQF8MV • Moscowcss №2 в Москве 6 апреля https://moscowcss.timepad.ru/event/457567/ • SPA Meetup №3 в Москве 8 апреля https://moscow-spa.timepad.ru/event/463443/ • Pitercss_conf в Питере 16 июня https://pitercss.com/ Бета Chrome 58 • Chrome 58 Beta https://blog.chromium.org/2017/03/chrome-58-beta-indexeddb-20_21.html • ControlsList API https://github.com/WICG/controls-list/blob/gh-pages/explainer.md • Intent to Implement: CSS conic-gradient() https://groups.google.com/a/chromium.org/d/msg/blink-dev/-z66SwKdklc/5t-NBchECQAJ • CSS conic-gradient() polyfill https://leaverou.github.io/conic-gradient/ Safari TP • Release Notes for Safari Technology Preview 26 https://webkit.org/blog/7474/release-notes-for-safari-technology-preview-26/ • WebKit Feature Status: Service Workers https://webkit.org/status/#specification-service-workers Кастомные свойства в Edge • CSS Custom Properties in Microsoft Edge https://blogs.windows.com/msedgedev/2017/03/24/css-custom-properties/#r46FlQpAZfRK1Ykz.97 Переключатель на кнопке • Inclusive Components: Toggle Buttons http://inclusive-components.club/toggle-button/ • Пепелсбей.net: Модный переключатель https://pepelsbey.net/2012/08/stylish-switch/ Гриды на практике • Mozilla: CSS Grid https://www.mozilla.org/en-US/developer/css-grid/ • CSS-гриды пришли насовсем http://css-live.ru/articles/css-gridy-prishli-nasovsem.html • CSS Subgrids http://codepen.io/lautsevich/pen/NpYobE • Case Study: My First Practical CSS Grid Layout https://cloudfour.com/thinks/first-css-grid-layout/ • Practical CSS Grid: Adding Grid to an Existing Design https://alistapart.com/article/practical-grid Быстрое меню • Building performant expand & collapse animations https://developers.google.com/web/updates/2017/03/performant-expand-and-collapse Редактор в браузере • What is CodePen Projects? https://blog.codepen.io/2017/03/20/codepen-projects-is-here/ • Your CPU is busy rendering a blinking cursor https://twitter.com/jo_liss/status/843875280888434690 Ереси БЭМа • Writing modular CSS (Part 1) https://zellwk.com/blog/css-architecture-1/ Вёрстка для школоты • Вёрстка — это не тупо http://webmasters.teamdev.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/