CSS фильтры

Описание и примеры CSS свойства filter

CSS свойство filter позволяет применять к элементу различные графические эффекты, например размытие, смещение цвета, контрастность и другие.

К элементам можно применять несколько фильтров или использовать свои на SVG.

Читать далее

Hover-эффекты для изображений

Варианты оформления фотографий при наведении на них мышки с целью увеличения

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

В этой заметке я старался как можно больше упростить оформление ховер-эффектов, при этом не потеряв их привлекательности.

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

Читать далее

Звуковые эффекты при клике или наведении

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

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

Читать далее

Кнопка «вверх» и варианты ее оформления

Установка на сайт кнопки, возвращающей на верх страницы, и варианты ее оформления

Все варианты кнопок реализованы довольно просто и не используют какие-либо плагины, однако для их работы требуется библиотека jQuery

Читать далее

Маска для ввода номера телефона

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

jQuery Masked Input Plugin позволяет создавать произвольные маски для вводимых данных в форму, например: дата, телефон, серийный номер и т.д.

Читать далее

Варианты оформления jQuery UI Slider

Несколько вариантов оформления и добавление различных функций к ползунку диапазонов jQuery UI Slider

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

Читать далее

Ползунок диапазонов jQuery UI Slider

Настройка, события, методы, вывод данных и классы ползунка диапазонов jQuery UI Slider

Плагин jQuery UI Slider делает выбранные элементы ползунками. Существуют различные варианты, такие как несколько рукояток, которые можно перемещать с помощью мыши или клавишами стрелок, и диапазонов.

Читать далее

Бесшовные графические фоны

Сборник бесшовных светлых и темных фонов в формате JPEG и GIF

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

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

Читать далее