Простые решения по работе с вкладками, блоками и списками

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

Блоки из фигур на 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-линий в блоке или на всей странице с анимацией появления и исчезновения.

Читать далее

Стрелки на CSS

Варианты оформления разнообразных стрелок на CSS

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

Все варианты не используют графические иконки или шрифты

Читать далее

Увеличение подписчиков группы в виджете ВК

Простой способ, как многократно увеличить участников группы в своем виджете ВКонтакте

В преддверии 1-го апреля решил сделать небольшую приколюшку для виджета ВКонтакте, в котором можно заменить своих 50 подписчиков на 50 тысяч или даже миллионы.

Читать далее

Оформление цитат на CSS

Красивое оформление цитат <blockquote> в контенте

В данной заметке представлено 8 вариантов оформления цитат <blockquote>

Все примеры имеют очень простой HTML код:

<blockquote class="blockquote-N">
	<p>Текст цитаты</p>
	<cite>Автор цитаты</cite>
</blockquote>
Читать далее