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

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

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

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

Вариант изложенный в этой теме универсальный и подойдет для любого объема текста.

Читать далее

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

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

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

Читать далее

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

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

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

Читать далее

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

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

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

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

Читать далее

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

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

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

Читать далее

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

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

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

Читать далее

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

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

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

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

Читать далее

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

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

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

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

Читать далее

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

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

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

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

Читать далее