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

Параллакс-эффекты с библиотекой parallax.js

Небольшая, но удобная библиотека parallax.js для добавления тегам параллакс-эффектов

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

Читать далее

Секция с шестиугольными фотографиями

Вариант оформления блока с шестиугольными фотографиями разного размера

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

Также на фотографии можно установить ссылки или появляющийся поясняющий текст

Читать далее

Оформление списка, сгруппированного по алфавиту

Вариант оформления списка, сгруппированного по первым буквам

Как создать такой список описано в теме: "Группировка списка по первым буквам на PHP". В этой рассмотрен вариант его оформления с "залипанием" буквы алфавита

Читать далее

Секция с падающим снегом на JS

Падающие в блоке или на всей странице снежинки, квадратики, треугольники и другие элементы

Решение реализовано на библиотеке sparticles.js

Читать далее

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

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

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

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

Читать далее

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

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

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

Читать далее

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

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

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

Читать далее

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

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

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

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

Читать далее

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

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

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

Читать далее