Полезные ресурсы для работы с изображениями

Ссылки на различные ресурсы на которых можно создать или обработать графические файлы

Речь в данной заметке пойдет не о сайтах, на которых можно сжать или изменить формат изображений (о них будет чуть позже), а именно о создании и обработке.

Читать далее

Установка флажка checkbox карандашом

Оригинальный эффект, который ставит и стирает галочки на полях checkbox карандашом

Данный вариант не использует графику и какие-либо библиотеки. Карандаш сделан линейным градиентом, а галочка закодирована в base64

Читать далее

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

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

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

Читать далее

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

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

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

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

Анимированные полноэкранные модальные окна

Плагин jQuery animatedModal.js для создания анимированных полноэкранных модальных окон

animatedModal.js — это легкий плагин jQuery для создания полноэкранного модального окна с использованием CSS3 переходов. Эффекты открытия и закрытия окна берутся из набора animate.css.

Читать далее

Набор анимаций animate.css

Набор CSS классов для анимации различных элементов на сайте

Для использования animate.css на сайте нужно просто установить стили и затем подключать к нужным блокам понравившиеся эффекты.

Читать далее

Вертикальная прокрутка fakeScroll

Замена стандартной вертикальной полосы прокрутки на пользовательскую скриптом fakeScroll

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

С другой стороны, есть мощные плагины с массой настроек, в которых зачастую нет необходимости.

fakeScroll — очень легкий скрипт (4.1кб) для стилизации вертикальной полосы прокрутки без использования библиотек. А только это в основном и требуется, например, для оформления ограниченного по высоте блока с большим количеством информации.

Читать далее

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

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

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

Читать далее