Таблица, которая меняет расположение ячеек на узких экранах
Ранее уже была похожая тема: "Адаптивная таблица", но она имела фиксированный размер ячеек и могла использоваться не для всех решений .
Вариант изложенный в этой теме универсальный и подойдет для любого объема текста.
Вариант оформления таблицы, которая меняет расположение ячеек на узких экранах
Обратите внимание: Ячейки у данной таблицы имеют фиксированный размер, и соотв. информация, расположенная в них, должна умещаться (иначе ее будет не видно). Если в ячейках информации больше, можно увеличить их ширину или воспользоваться решением: Адаптивная таблица на Flexbox, в котором нет таких ограничений.
Вертикальный адаптивный таймлайн событий, выводящихся по разные стороны от шкалы
Данный таймлайн является адаптивным, и на узких экранах он складывается, показывая события друг под другом.
Красивые варианты оформления горизонтальных линий <hr> на CSS
В данной заметке представлено 10 вариантов оформления горизонтальных линий <hr>
Все примеры не имеют классы и привязаны непосредственно к самому тегу.
Разделитель для секций в виде бегущих волн с использованием SVG и CSS
Данный эффект также можно использовать для оформления подвала
Несколько вариантов оформления бордюров с анимационными эффектами
Используя данную анимацию на бордюрах, можно сконцентрировать внимание посетителя на определенных блоках.
Показ первой буквы у группы элементов списка, который выводится по алфавиту
Более наглядно о чем пойдет речь в этой заметке видно на рисунке.
Рабочий код и пример в ней дан для вывода и оформления таким образом списка статей из всех подкатегорий нужного раздела в CMS WordPress
Варианты оформления блоков из различных фигур: трапеций, окружностей, треугольников и т.д.
В данной заметке показано несколько примеров, как можно использовать геометрические фигуры для оформления информационных блоков.
Все примеры имеют hover-эффект.
Библиотека ResizeSensor, помогающая определить, когда элементы на сайте изменяют свой размер
Иногда бывает нужно определить изменение размера какого-нибудь элемента на сайте, чтобы выполнить определённые функции.
Сами по себе размеры не меняются, и действие, которое вызвало их изменение может выполнить и нужные нам операции. Однако, если сделать это затруднительно, то можно использовать библиотеку ResizeSensor.
Работаю с ним более 10 лет!
Хостинг от 119 рублей в месяц
