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 канала Веб-стандарты
— Вадим Макеев
— Никита Дубко
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 канала Веб-стандарты
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![247. Edge, браузеры, AVIF, генераторы статики, математика для фронтендера, Хабр, чтение, переводы](https://i.ytimg.com/vi/Khtu7JbDubY/default.jpg)
![239. Chrome 84, нативный параллакс, архив GitHub, Open Prioritization, Lighthouse, Tailwind CSS](https://i.ytimg.com/vi/duewHmL1PbE/default.jpg)
![Людоедский интерфейс, Вадим Макеев](https://i.ytimg.com/vi/ssJsjGZE2sc/default.jpg)
![Жизнь и смерть точек на экране, Юрий Артюх](https://i.ytimg.com/vi/YoHjAhzOgrA/default.jpg)
![Семантика для циников, Вадим Макеев](https://i.ytimg.com/vi/bDYEnNzprzE/default.jpg)
![Клеим будущее с помощью PWA](https://i.ytimg.com/vi/q8RID9nFWNM/default.jpg)
![249. Чат в Телеграме, Firefox 81, Vue 3, GitHub CLI, отладка CSS, новая Nova, редактор для веба](https://i.ytimg.com/vi/TvWBm3hHeEo/default.jpg)
![Ответ на главный вопрос в CSS, Михаил Иванкив](https://i.ytimg.com/vi/cO2-zYzjyD0/default.jpg)
![256. Chrome DevTools, HTTP-пуш, Apple ARM, разметка, CSS-книга, пиксель-пёрфект, миниапы ВКонтакте](https://i.ytimg.com/vi/FYfGVCz09RI/default.jpg)
![251. Chrome 86, Safari и Firefox, начало UI-кита, SSR и Next.js, про Зара и JS-марафоны](https://i.ytimg.com/vi/IYUP3GCMmb4/default.jpg)
![Семантика для циников, Вадим Макеев](https://i.ytimg.com/vi/W5DgVWtitjQ/default.jpg)
![GIL в Python: зачем он нужен и как с этим жить](https://i.ytimg.com/vi/AWX4JnAnjBE/default.jpg)
![Верстать как в 2008, или Флэшбеки олдфага: IE6, таблицы и JS в CSS](https://i.ytimg.com/vi/mE1AvBP08Cs/default.jpg)
![254. Mozilla против фич, Microsoft против IE, от высоты, миниапы в суперапах, дизайнер в Яндексе](https://i.ytimg.com/vi/gh-_3-N1dnQ/default.jpg)
![245. Firefox 80 и Chrome 85, никто не новый IE, зачем Yarn 2, новый AVIF и WebP v2](https://i.ytimg.com/vi/W11KhAYfQu8/default.jpg)
![252. Опрос MDN, Igalia, npm 7, React vs WordPress, уже Webpack 5, Rome — инструмент будущего](https://i.ytimg.com/vi/v1RzZEYJmBk/default.jpg)
![250. Edge в VS Code, инспектор гридов, gap и флексы, математика в CSS, Hacktoberfest, опенсорс](https://i.ytimg.com/vi/emMtP3fVW3I/default.jpg)
![257. Chrome 87, Firefox 83, Servo, Safari 14, Open Prioritization, кэш туда-обратно, гриды и minmax](https://i.ytimg.com/vi/Dlb0B2pMsTk/default.jpg)
![Лига Европы: Результаты 5 тура, расписание и таблица. Кто вышел в плей-офф?](https://i.ytimg.com/vi/NjpDwTvGlwE/default.jpg)