00:00 Интро
00:24 Обзор сайта
00:59 Отключаем JS
02:55 Загрузка сайта
06:08 Анализ CSS
13:58 Как инлайнить SVG
16:37 Графика на сайте
20:29 Доступность руками
22:37 Аудит доступности

Нравится? Становитесь патронами — https://www.patreon.com/pepelsbey

SVGO…

00:00 Интро
00:17 Меню для меню
08:08 Гриды или Бутстрап
11:49 Целесообразность удобства

Нравится? Становитесь патронами — https://www.patreon.com/pepelsbey

HTML Living Standard (WHATWG) — https://html.spec.whatwg.org/multipage/
HTML 5.3 (W3C) — https:…

Ближайшая конференция: HolyJS 2023 Spring, 15–16 мая (Online), 21-22 мая (Offline)
Подробности и билеты: https://bit.ly/3A5ruLp
— Ближайшая конференция:
HolyJS 2022 Spring — 18-21 апреля.
Подробности и билеты: https://bit.ly/3A5ruLp
— Ближайшая конференция:…

Your guide to making and wrapping shapes in CSS, using things like border-radius, clip-path, the CSS Shapes spec', and paint worklets. As ever, @BobbyCrisps (Twitter) supplies the Brian Butterfield impression at the end.

Transcript: https://gist.github.…

Плейлист с отдельными видео: https://www.youtube.com/playlist?list=PLMBnwIwFEFHeD-j52BjuO2HMMw63fnBav

0:10:40 Язык жестов, Анна Селезнёва
0:52:05 Встречайте бабушку, Виталий Харисов
1:42:35 Лечим непроизводительные анимации, Николай Шабалин
2:21:18 Отладка…

00:00 Интро
00:22 Вставка по старинке
03:25 Картинка со ссылкой
08:40 Кнопка с фокусом
16:35 Скрипт в работе
21:57 Результат

Нравится? Становитесь патронами — https://www.patreon.com/pepelsbey

Было — https://pepelsbey.github.io/playground/12/before.html…

18 декабря выходим в прямой эфир и обсуждаем производительность и измерение: как правильно собирать метрики, искать места для оптимизации, из-за чего появляются просадки и как их устранять.

В дискуссии участвуют:
- Николай Рябов (Авито),
- Александр Казаченко…

Демо: http://cssing.org.ua/examples/flyingtriangles

Поддержать: https://www.patreon.com/allyourhtml
Мой сетап: https://gist.github.com/akella/7ffe8c2f36823ddc2f1916c4d9a19e68
Блог: http://cssing.org.ua/
Facebook: http://facebook.com/akella
Twitter: http…

The Firefox DevTools team has been hard at work on a new set of HTML/CSS tools that address everything from the latest layout specs to age-old frustrations of building the web. We’ll go behind the scenes of seven new tools and take a peek at some far-flung…

В данном видео-курсе мы с вами рассмотрим самые распространённые паттерны проектирования, которые используются при разработке. Рассматривать мы их с вами буд...