Комментарии 16
Есть книга Секреты CSS. Идеальные решения ежедневных задач
В ней есть интересные трюки) Хоть и не самые современные
CSS: Trick-oriented layout language...
Почему когда речь заходит про CSS, всегда всё сводится к трюкам и неочевидным решениям?..
Потому что разработчики css оторванные от реальной верстки идеалисты
Потому что
Потому, что написать в одну декларативную строчку то, что инстинкт подсказывает сделать при помощи целого экрана императивного кода — всегда немного магия, искусство и трюкачество.
Я только за декларативное описание, но
Отсутствие, до сих пор, не трюковых способов выравнивания блоков, работающего везде min/max-height/width, необходимость применения css reset, и border-box для предсказуемого поведения элементов однозначно говорят что дело не в необходимости магии, а в банальной непродуманности.
overscroll-behavior: none; - позволяют предотвратить прокрутку родительского блока при достижении конца прокрутки текущего элемента
column-fill: balance; - выравнивает количество контента в столбцах
user-select: all; - позволяет при клике по элементу выделить весь текст внутри него
white-space: pre аналогичен тегу <pre> - сохраняет форматирование(пробелы, переносы и тд)
hyphens: auto - определяет будут ли использованы переносы строк, требует установленного языка через тег lang="ru"
Вы упомянули свойства text-decoration-line, text-decoration-thickness, text-decoration-style и text-decoration-color, включенные в text-decoration. Какие другие свойства, на ваш взгляд, часто недооцениваются, и какие возможности они открывают для стилизации текста?
простите за моё непопулярное ИМХО, но
Не позволяем браузерам скрыть часть контента после прокрутки страницы
абсолютно проклятое: элементы сайта всё время мельтешащие перед носом (как например верхняя часть habr с меню) это ненужный бред. ДА ВИДЕЛ Я ТЕБЯ УЖЕ ОТСТАНЬ. перекрыло часть контента, пусть и небольшую, и врятли будет использовано в ближайшее время, зачем... мне не понять. ведь кнопка home на клавиатуре и так есть, ну или просто в углу маленькую кнопку для быстрого скрола вверх сайта ВМЕСТО закреплённой головы а не вместе с ней как на этом же хабре..
или я просто старый ворчун...
Как относитесь к панели вкладок и адресной строки? Панель задач?
Я понимаю что это можно настраивать (скрывать панель задач или полноэкранный режим в браузере, который вы врядли включаете). Но на сайте таких настроек никто делать не будет. Верхняя часть с меню о которой вы пишите, для меня полезна на каких-нибудь сайтах с каталогами (интернет-магазины). То что кнопка home есть на клавиатуре хорошо, но у меня обычно одна рука на мышке, другая отдыхает, может голову подпирает. Маленькая кнопочка не у всех на одном месте находится, поэтому иногда её искать приходится. В случае с хабром я понимаю что она во всю высоту сбоку, но могу этого не знать (или забыть, не сразу сообразить), тогда буду искать, пока не найду её посередине слева.
только вот проблема в том что нужные вещи как правило применяют в ненужных местах - например на сайтах интернет магазина верхушка уплывает, а в каком-нть полторастраничнике наоборот висит
Как относитесь к панели вкладок и адресной строки? Панель задач?
Я понимаю что это можно настраивать
сам спросил.. сам ответил.. классно. именно что это МОЖНО настраивать, и я МОГУ это настроить.
Но на сайте таких настроек никто делать не будет
и именно по этому такие вот "приклеенные" элементы должны умереть
Верхняя часть с меню о которой вы пишите, для меня полезна на каких-нибудь сайтах с каталогами (интернет-магазины).
я ж не оспариваю полезность таких вот частей, я оспариваю полезность того что они ВСЕГДА висят на видимой части экрана при том что используются они всего десяток секунд суммарно за пару часов ковыряния в каталоге
но у меня обычно одна рука на мышке, другая отдыхает, может голову подпирает
не понял как это связано.. вам кто-то запретил одной рукой касаться клавиатуры?
Маленькая кнопочка не у всех на одном месте находится, поэтому иногда её искать приходится
это кстати обсуждаемая в соседней статье проблема под названием "в мире интерфейсов до сих пор ничего не стандартизировано" которая выливается ещй в пару дофигалионов проблем..
Если лично вы ими не пользуетесь, не значит что все остальные не пользуются.
Я частенько после чтения каментов жму на "моя лента". Зачем мне перед этим ещё жать хоум на клавиатуре? На профиль нажимаю примерно с такой же регулярностью, находясь в любой части страницы. При этом, я частенько вовсе не хочу закрывать текущую, например если надо заглянуть в закладки.
Ну и т.д.
Всё перечисленное использую. Сам недавно узнал про scroll-margin-top. Был немного в шоке, что CSS дошёл до таких глубин.
Для изображения есть классная штука aspect-ratio. Соотношение сторон очень удобно делать из прямоугольных озображений квадратные без головной боли
Неизвестно полезный CSS