238 читали · 3 года назад
Дизайним каталоги правильно (часть 1)
Расскажем как правильно подходить к дизайну каталогов и брошюр, как планировать работу, куда смотреть и что видеть, как верстать и складывать. Отличия каталога от брошюры Каталог - это полный список (перечень) экспонатов, товаров, услуг, особенностей, преимуществ, значений и др. Брошюра - это либо краткий перечень широкого спектра, либо расширенное описание одного значения. Пример: Книжное описание всей продуктовой линейки парфюмерной компании — это каталог. Расписание поездов в книжной форме — это брошюра...
3123 читали · 3 года назад
[HTML + CSS] Как удобно верстать карточку товара и т.п.
Привет, всем будущим фронтенд разработчикам! В этой статье мы разберем как удобно верстать различные карточки. Любая карточка состоит из изображения и контента: Красным выделена верхушка карточки (изображение), а оранжевым контент. Исходя из этого мы можем создать два контейнера: Зачем нам создавать отдельный див для изображения, почему не вставить ее фоном в .card? - Если вставлять ее фоном в .card, мы должны будем вручную высчитывать отступы контента от изображения и решать остальные мелкие проблемы по ходу адаптива наших карточек, а зачем, если можно сделать намного проще...