Загрузка страницы

258. Bocoup и appearance, нестинг в CSS, адаптация таблиц, устройство браузера, смёржить всё в JS

30 ноября 2020

— Вадим Макеев
— Никита Дубко

00:00:00 Интро
00:00:27 События
00:04:15 Bocoup и appearance
00:09:29 Нестинг в CSS
00:18:21 Адаптация таблиц
00:27:23 Устройство браузера
00:41:38 Смёржить всё в JS
00:53:28 Ценность разделения

Поддержите нас
на Патреоне https://www.patreon.com/webstandards_ru
переводом на Яндекс.Деньги https://money.yandex.ru/to/41001119329753
или PayPal https://www.paypal.me/pepelsbey

События

PiterJS прошёл онлайн 27 ноября https://medium.com/p/eba6069937a6
SEMrush IT meetup онлайн 3 декабря https://semrush.timepad.ru/event/1485496/
Design is Frontend онлайн 9 декабря https://affinage.timepad.ru/event/1489043/

Bocoup и appearance

Unprefixing appearance to ship web-compatible styling of form elements https://bocoup.com/work/unprefixing-appearance-to-ship-web-compatible-styling-of-form-elements

Нестинг в CSS

Current state of the CSS Nesting spec https://twitter.com/benfrain/status/1331545932844904449

Адаптация таблиц

Under-Engineered Responsive Tables https://adrianroselli.com/2020/11/under-engineered-responsive-tables.html
When is it appropriate to use table? https://twitter.com/mmatuzo/status/1332242420646498305

Устройство браузера

Устройство современного браузера, часть 1 https://habr.com/ru/post/526696/
Устройство современного браузера, часть 2 https://habr.com/ru/post/529248/
Устройство современного браузера, часть 3 https://habr.com/ru/post/529252/
Устройство современного браузера, часть 4 https://habr.com/ru/post/529258/
How Browsers Work: Behind the scenes of modern web browsers https://www.html5rocks.com/tutorials/internals/howbrowserswork/
Inside a super fast CSS engine: Quantum CSS (aka Stylo) https://hacks.mozilla.org/2017/08/inside-a-super-fast-css-engine-quantum-css-aka-stylo/
Tags to DOM https://alistapart.com/article/tags-to-dom/
Braces to Pixels https://alistapart.com/article/braces-to-pixels/

Смёржить всё в JS

The Grand Unification Proposal https://github.com/w3c/csswg-drafts/issues/5743

Ценность разделения

Why it’s good for users that HTML, CSS and JS are separate languages https://hiddedevries.nl/en/blog/2020-11-25-why-its-good-for-users-that-html-css-and-js-are-separate-languages/

* * *

Слушайте свежие эпизоды в
Google Podcasts https://podcasts.google.com/?feed=aHR0cHM6Ly93ZWItc3RhbmRhcmRzLnJ1L3BvZGNhc3QvZmVlZC8
Apple Podcasts https://podcasts.apple.com/podcast/id1080500016
CastBox https://castbox.fm/channel/id1177814
Pocket Casts https://pca.st/moFp
Overcast https://overcast.fm/itunes1080500016
ВКонтакте https://vk.com/podcasts-32017543
Яндекс.Музыке https://music.yandex.ru/album/6245956
Spotify https://open.spotify.com/show/3rzAcADjpBpXt73L0epTjV
YouTube https://www.youtube.com/playlist?list=PLMBnwIwFEFHcwuevhsNXkFTcadeX5R1Go
SoundCloud https://soundcloud.com/web-standards
или подписывайтесь на RSS https://web-standards.ru/podcast/feed/

Читайте новости в
Твиттере https://twitter.com/webstandards_ru
ВКонтакте https://vk.com/webstandards_ru
Фейсбуке https://www.facebook.com/webstandardsru
Телеграме https://t.me/webstandards_ru

Обсуждайте в чате https://t.me/webstandards_chat

Видео 258. Bocoup и appearance, нестинг в CSS, адаптация таблиц, устройство браузера, смёржить всё в JS канала Веб-стандарты
Показать
Комментарии отсутствуют
Введите заголовок:

Введите адрес ссылки:

Введите адрес видео с YouTube:

Зарегистрируйтесь или войдите с
Информация о видео
30 ноября 2020 г. 13:46:33
01:09:50
Другие видео канала
247. Edge, браузеры, AVIF, генераторы статики, математика для фронтендера, Хабр, чтение, переводы247. Edge, браузеры, AVIF, генераторы статики, математика для фронтендера, Хабр, чтение, переводы239. Chrome 84, нативный параллакс, архив GitHub, Open Prioritization, Lighthouse, Tailwind CSS239. Chrome 84, нативный параллакс, архив GitHub, Open Prioritization, Lighthouse, Tailwind CSSЛюдоедский интерфейс, Вадим МакеевЛюдоедский интерфейс, Вадим МакеевЖизнь и смерть точек на экране, Юрий АртюхЖизнь и смерть точек на экране, Юрий АртюхСемантика для циников, Вадим МакеевСемантика для циников, Вадим МакеевКлеим будущее с помощью PWAКлеим будущее с помощью PWA249. Чат в Телеграме, Firefox 81, Vue 3, GitHub CLI, отладка CSS, новая Nova, редактор для веба249. Чат в Телеграме, Firefox 81, Vue 3, GitHub CLI, отладка CSS, новая Nova, редактор для вебаОтвет на главный вопрос в CSS, Михаил ИванкивОтвет на главный вопрос в CSS, Михаил Иванкив256. Chrome DevTools, HTTP-пуш, Apple ARM, разметка, CSS-книга, пиксель-пёрфект, миниапы ВКонтакте256. Chrome DevTools, HTTP-пуш, Apple ARM, разметка, CSS-книга, пиксель-пёрфект, миниапы ВКонтакте251. Chrome 86, Safari и Firefox, начало UI-кита, SSR и Next.js, про Зара и JS-марафоны251. Chrome 86, Safari и Firefox, начало UI-кита, SSR и Next.js, про Зара и JS-марафоныСемантика для циников, Вадим МакеевСемантика для циников, Вадим МакеевGIL в Python: зачем он нужен и как с этим житьGIL в Python: зачем он нужен и как с этим житьВерстать как в 2008, или Флэшбеки олдфага: IE6, таблицы и JS в CSSВерстать как в 2008, или Флэшбеки олдфага: IE6, таблицы и JS в CSS254. Mozilla против фич, Microsoft против IE, от высоты, миниапы в суперапах, дизайнер в Яндексе254. Mozilla против фич, Microsoft против IE, от высоты, миниапы в суперапах, дизайнер в Яндексе245. Firefox 80 и Chrome 85, никто не новый IE, зачем Yarn 2, новый AVIF и WebP v2245. Firefox 80 и Chrome 85, никто не новый IE, зачем Yarn 2, новый AVIF и WebP v2252. Опрос MDN, Igalia, npm 7, React vs WordPress, уже Webpack 5, Rome — инструмент будущего252. Опрос MDN, Igalia, npm 7, React vs WordPress, уже Webpack 5, Rome — инструмент будущего250. Edge в VS Code, инспектор гридов, gap и флексы, математика в CSS, Hacktoberfest, опенсорс250. Edge в VS Code, инспектор гридов, gap и флексы, математика в CSS, Hacktoberfest, опенсорс257. Chrome 87, Firefox 83, Servo, Safari 14, Open Prioritization, кэш туда-обратно, гриды и minmax257. Chrome 87, Firefox 83, Servo, Safari 14, Open Prioritization, кэш туда-обратно, гриды и minmaxЛига Европы: Результаты 5 тура, расписание и таблица.  Кто вышел в плей-офф?Лига Европы: Результаты 5 тура, расписание и таблица. Кто вышел в плей-офф?
Яндекс.Метрика