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

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

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

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

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

Читать далее

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

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

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

Читать далее

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

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

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

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

Читать далее

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

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

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

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

Читать далее

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

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

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

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

Читать далее

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

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

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

Читать далее

Сетка из шестиугольников на CSS

Адаптивная сетка из шестиугольников для фотогалереи или кратких информационных блоков

  • Шестиугольники в данной сетке изменяют свои пропорции в соответствии с к шириной контейнера, в котором они находятся

  • Количество шестиугольников в ряду является адаптивным и изменяется от 5 до 2 в зависимости от ширины экрана (на примере от 4 до 2)
  • Для фотографий в сетке задан hover-эффект с выводом краткой информации.
Читать далее

Эффект фонарика на CSS и jQuery

Эффект фонарика или прожектора для блока с использованием CSS и jQuery

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

Читать далее

Анимированные SVG-линии

Плагин ckLine.js для создания анимированных SVG-линий с помощью jQuery

ckLine.js — плагин jQuery для генерации случайных настраиваемых SVG-линий в блоке или на всей странице с анимацией появления и исчезновения.

Читать далее