Выравнивание блоков по высоте

jQuery плагин matchHeight, делающий высоту заданных блоков одинаковой

Если блоки в сетке имеют какое-либо оформление, а количество информации в них разное, то наиболее красивым вариантом будет сделать их одной высоты. Кроме того, имея одинаковый размер, они не смогут ломать сетку.

Читать далее

Мозайка изображений или контента

jQuery плагин для выравнивая фотографий или другого контента по высоте при сохранении пропорций

Для чего выравнивать блоки таким образом не совсем понятно, а вот расположить много фотографий разного размера в один ровный и адаптивный прямоугольник — очень полезное решение.

Читать далее

Оформление блоков с иконками

Несколько вариантов оформления раздела для преимуществ, сервиса и других блоков с иконками

В данной статье представлено несколько вариантов оформления блоков с иконками.

Такие блоки, как правило, используются для создания разделов с преимуществами («Почему мы» и др.) или описания сервиса. Также можно использовать такое оформление для контактов, отзывов и других блоков с небольшой информацией.

Читать далее

Список ul li в 3d варианте

Вариант оформления списка в трехмерном стиле, используя всего один класс

Придумывая новые варианты списков для заметки: Оформление списков ul li для информационных блоков, придумалось и получилось что то более интересное, чем просто список, поэтому и решил сделать для него новую запись.

Как и в предыдущей заметке, он работает всего на 1 классе: <ul class="CLASS">

Читать далее

Оформление списков ul li для информационных блоков

Красивое оформление списков для любой информации, с использованием всего одного класса.

В этой заметке представлено несколько решений, которые помогут избавиться от стандартного вида списков <ul> <li>.

Преимущество данного оформления в том, что используется всего один класс: <ul class="CLASS">.

Такая конструкция сильно упрощает работу со списками в шаблонах и текстах.

Читать далее