3102 читали · 3 года назад
[HTML + CSS] Как удобно верстать карточку товара и т.п.
Привет, всем будущим фронтенд разработчикам! В этой статье мы разберем как удобно верстать различные карточки. Любая карточка состоит из изображения и контента: Красным выделена верхушка карточки (изображение), а оранжевым контент. Исходя из этого мы можем создать два контейнера: Зачем нам создавать отдельный див для изображения, почему не вставить ее фоном в .card? - Если вставлять ее фоном в .card, мы должны будем вручную высчитывать отступы контента от изображения и решать остальные мелкие проблемы по ходу адаптива наших карточек, а зачем, если можно сделать намного проще...
116 читали · 2 года назад
Стилизация кнопок в блочных темах WordPress
Ганеш Дахал написал пост на CSS-tricks, отвечая на твит, в котором спрашивалось о добавлении теней CSS-блоков на блоки и элементы WordPress. Там много отличного материала, который использует новые функции, предоставляемые в WordPress 6.1, которые предоставляют элементы управления для нанесения теней на объекты непосредственно в редакторе блоков и пользовательском интерфейсе редактора сайта. Ганеш кратко коснулся элементов кнопок в этом посте. Я хочу подхватить это и углубиться в подходы к стилизации кнопок в блочных темах WordPress...