С информацией
Только заголовки

Адаптивная таблица на CSS

Вариант оформления таблицы, которая меняет расположение ячеек на узких экранах

Обратите внимание: Ячейки у данной таблицы имеют фиксированный размер, и соотв. информация, расположенная в них, должна умещаться (иначе ее будет не видно). Если в ячейках информации больше, можно увеличить их ширину или отказаться от этого решения.

Читать далее

Вертикальный таймлайн на CSS

Вертикальный адаптивный таймлайн событий, выводящихся по разные стороны от шкалы

Данный таймлайн является адаптивным, и на узких экранах он складывается, показывая события друг под другом.

Читать далее

Оформление горизонтальных линий HR

Красивые варианты оформления горизонтальных линий <hr> на CSS

В данной заметке представлено 10 вариантов оформления горизонтальных линий <hr>

Все примеры не имеют классы и привязаны непосредственно к самому тегу.

Читать далее

Анимированный разделитель для секций на CSS

Разделитель для секций в виде бегущих волн с использованием SVG и CSS

Данный эффект также можно использовать для оформления подвала

Читать далее

Анимированные рамки для блоков на CSS

Несколько вариантов оформления бордюров с анимационными эффектами

Используя данную анимацию на бордюрах, можно сконцентрировать внимание посетителя на определенных блоках.

Читать далее

Группировка списка по первым буквам на PHP

Показ первой буквы у группы элементов списка, который выводится по алфавиту

Более наглядно о чем пойдет речь в этой заметке видно на рисунке.

Рабочий код и пример в ней дан для вывода и оформления таким образом списка статей из всех подкатегорий нужного раздела в CMS WordPress

Читать далее

Блоки из фигур на CSS

Варианты оформления блоков из различных фигур: трапеций, окружностей, треугольников и т.д.

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

Все примеры имеют hover-эффект.

Читать далее

Определение изменения размера элемента

Библиотека ResizeSensor, помогающая определить, когда элементы на сайте изменяют свой размер

Иногда бывает нужно определить изменение размера какого-нибудь элемента на сайте, чтобы выполнить определённые функции.

Сами по себе размеры не меняются, и действие, которое вызвало их изменение может выполнить и нужные нам операции. Однако, если сделать это затруднительно, то можно использовать библиотеку ResizeSensor.

Читать далее

Круговая пульсация на элементах

Эффект круговой пульсации при наведении на кнопку, ссылку или блок

Красивый hover-эффект с использованием CSS3 и JavaScript

Читать далее