HTMLcat: 42 маленьких нативных трюка для веба, которые стоит помнить
Small, native web tricks worth remembering
Сайт HTMLcat собрал 42 коротких заметки о возможностях HTML, CSS и JavaScript, которые легко забыть: от скрытия полос прокрутки и центрирования в CSS до CSS-каруселей и API View Transitions. Каждая заметка содержит пример и предупреждение о поддержке в браузерах, с пометкой об экспериментальных функциях и советом проверять fallback.
HTML, CSS и JavaScript могут больше, чем мы помним.
- m-s-y
Обожаю, когда захожу в автосалон и могу почитать про разные машины. Особенно когда самих машин там нет. Более того, даже фото ни одной машины нет. Да, вот это по мне.
- moontear
Есть несколько хороших описаний и подсказок, но сайту на самом деле не хватает примеров. Просто смотреть на код мне не очень помогает. Описания тоже в основном настолько короткие, что могли бы быть просто подсказками на главной странице.
Вся задумка страницы — это коллекция «веб-трюков, которые стоит запомнить», и я не могу понять, что там делает bash (например, `du -hd 1 . | sort -hr`).
- zeroq
Может, это только мне так кажется, но это похоже на огромную трату времени (или, если смотреть позитивнее, — потенциала).
Только первый пример «Тип устройства в JS».
«Грубый указатель не означает "мобильное устройство", а точный указатель не гарантирует "десктоп". Спрашивайте браузер о возможностях ввода вместо того, чтобы угадывать устройство по user agent.»
const input = {
finePointer: matchMedia('(any-pointer: fine)').matches,
coarsePointer: matchMedia('(any-pointer: coarse)').matches,
canHover: matchMedia('(any-hover: hover)').matches,
};
Так что это не говорит мне, как определить тип устройства. Он даже не запускает код, чтобы я мог быстро сравнить результаты между мобильным и десктопным устройствами и установить базовый уровень.
- apples_oranges
пожалуйста, не прячьте скроллбары :)
- OuterVale
Это не совсем «трюки», а скорее упоминания разных функций HTML и CSS. Подобный набор вещей (с гораздо более доступными подробностями и множеством примеров) можно обнаружить, просто побродив по MDN.