9 признаков плохой вёрстки
Вставка
- Опубліковано 5 лют 2025
- Рассмотрим 9 признаков плохой вёрстки, на примере сайта school.glavbuk...
Это не хейт и не попытка набросить на вентилятор. Просто, удачный пример.
Ссылки, которые упоминались в видео
Про aria-label - mzl.la/2Jcgh4H
Об однобокой вёрскте:
статья - bit.ly/2HsjsD3
и видео - bit.ly/2O2dcmB
МОЙ ТЕЛЕГРАМ-КАНАЛ: bit.ly/2MNMMUX
![[CSS] Стилизация нумерованных и НЕ нумерованных списков](http://i.ytimg.com/vi/CZxNhe96Z_o/mqdefault.jpg)
![[CSS] Стилизация нумерованных и НЕ нумерованных списков](/img/tr.png)
![Как устроен QR-код? [Veritasium]](/img/n.gif)
0:00 - вступление
0:18 - инвалидный код
2:41 - отсутствие оптимизации
5:19 - отсутствие системности
7:23 - однобокость
8:09 - перенаполнение контентом
8:40 - избыточность высот
9:09 - DIVная вёрстка
9:50 - position
10:27 - пустые теги
11:35 - послесловие
Очень понравилось, большое спасибо
Это радует! :-)
Нормально прошелся, мне кажется верстали с помощью какой то проги. Это можно заметить по названию классов. Особо не парились
Интересный вариант)) А есть предположения, какая именно, если отталкиваться от названия классов?
@@JediCSS Таких прог много, может вообще какой нибудь adobe muse. Или забацали свой конструктор страниц. А если так, то претензии могут быть только к неоптимизированным картинкам)
Если так, то претензий только больше становится))) не к программе, конечно, а к исполнителю.
@@JediCSS handlebars.js по идее, в атрибуте type скриптов написано
О, привет) Но это же шаблонизатор, а не автоверстальщик. Чуть не то (совсем =)
Интересно, нашел некоторые у себя проблемы.
Контент огонь, продолжай!
Тут просто напрашивается момент чтоб порекомендовать light house ну и какой то чек-лист по вёрстке
В смысле, озвучить, когда я его включаю во время обзора? Ну и он помогает найти только одну проблему из перечисленных. А, две - пустые теги и картинки посоветует оптимизировать.
@@JediCSS ну он там очень много рекомендаций по оптимизации даёт и некоторые ошибки тоже ищет. Много кто даже не подозревает что он существует
@@pashkes Согласен, для отдельного видео хорошая тема. Сделаю подборку отдельных инструментов.
Капец. и за это кто-то еще и денег заплатил