В закладки
База плагинов jQuery

29-09-2015

css

Shift.css - инструмент для создания анимаций

Shift.css - инструмент для создания анимаций

Shift.css - это небольшой фреймворк, который обеспечивает простую структуру стилей, чтобы построить качественную CSS анимацию. С помощью данного инструмента вы сможете добавлять различные варианты анимации к любым элементам HTML.

Shift.css - инструмент для создания анимаций

Shift.css - инструмент для создания анимаций
Shift.css - это небольшой фреймворк, который обеспечивает простую структуру стилей, чтобы построить качественную CSS анимацию. С помощью данного инструмента вы сможете добавлять различные варианты анимации к любым элементам HTML.
29-09-2015
css

28-09-2015

Подборка лучших элементов интерфейса за неделю (22.09-28.09)

Подборка лучших  элементов интерфейса за неделю (22.09-28.09)

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

Подборка лучших элементов интерфейса за неделю (22.09-28.09)

Подборка лучших  элементов интерфейса за неделю (22.09-28.09)
Представляем вам небольшую коллекцию свежих примеров пользовательского интерфейса и просто веселых и крутых наработок за последнюю WEB-неделю.
28-09-2015
Подборки

26-09-2015

Water Bubble Chart - чарт на примере заполнения водой шара

Water Bubble Chart - чарт на примере заполнения водой шара

Небольшой плагин jQuery, который позволит создавать что-то вроде гистограммы, индикаторы которой определяются водой, а вектор - нарисованный шар. Управлять свойствами "заполнения" можно с помощью атрибутов: изменить цвет, значение, текст и т.д.

Water Bubble Chart - чарт на примере заполнения водой шара

Water Bubble Chart - чарт на примере заполнения водой шара
Небольшой плагин jQuery, который позволит создавать что-то вроде гистограммы, индикаторы которой определяются водой, а вектор - нарисованный шар. Управлять свойствами "заполнения" можно с помощью атрибутов: изменить цвет, значение, текст и т.д.
26-09-2015
jquery

26-09-2015

GSAP Club 7 Gems

GSAP Club 7 Gems

Прикольная залипаловка, в которой нужно "гонять" кубик по всему экрану. При столкновении с границами экрана происходит смена бекграунд с характерным звуком. Не имею понятия, где это может пригодиться, только "for fun" :)

GSAP Club 7 Gems

GSAP Club 7 Gems
Прикольная залипаловка, в которой нужно "гонять" кубик по всему экрану. При столкновении с границами экрана происходит смена бекграунд с характерным звуком. Не имею понятия, где это может пригодиться, только "for fun" :)
26-09-2015
javascript

25-09-2015

css

Мини-игра на чистом CSS3 и HTML

Мини-игра на чистом CSS3 и HTML

Пример всем известной игры Duck Hunter, который создан без единого скрипта. Секрет реализации прост: анимация CSS и активные checkbox'ы. Также стоит отметить решение вопроса о подсчете очков - используется свойство content:counter;

Мини-игра на чистом CSS3 и HTML

Мини-игра на чистом CSS3 и HTML
Пример всем известной игры Duck Hunter, который создан без единого скрипта. Секрет реализации прост: анимация CSS и активные checkbox'ы. Также стоит отметить решение вопроса о подсчете очков - используется свойство content:counter;
25-09-2015
css

25-09-2015

Креативный прогресс-бар на SVG

Креативный прогресс-бар на SVG

Представляем вам оригинальную полосу загрузки на SVG и CSS3. Автор действительно постарался придать интерактивности своему примеру. При клике на определенную кнопку появляется прогресс-бар с индикатором отсчета в процентном соотношении. Управлять скоростью анимации можно через параметры.

Креативный прогресс-бар на SVG

Креативный прогресс-бар на SVG
Представляем вам оригинальную полосу загрузки на SVG и CSS3. Автор действительно постарался придать интерактивности своему примеру. При клике на определенную кнопку появляется прогресс-бар с индикатором отсчета в процентном соотношении. Управлять скоростью анимации можно через параметры.
25-09-2015
css / svg

25-09-2015

Создаем анимацию для отображения полноэкранного видео

Создаем анимацию для отображения полноэкранного видео

Подробный манул от codrops о том, как создать красивую и плавную анимацию открытия бокса с видео-контентом. В реализации данного примера были задействованы средства Flexobx и возможности HTML5 видео.

Создаем анимацию для отображения полноэкранного видео

Создаем анимацию для отображения полноэкранного видео
Подробный манул от codrops о том, как создать красивую и плавную анимацию открытия бокса с видео-контентом. В реализации данного примера были задействованы средства Flexobx и возможности HTML5 видео.
25-09-2015
html5

24-09-2015

Модальное окно с помощью SVG

Модальное окно с помощью SVG

Простое, и в тоже время необычное модальное окно с помощью элементов SVG. Данный тип веб-графики очень стремительно набирает обороты, а современные технологии помогают делать потрясающие вещи. Модальное окно с эффектом при появлении. Поддержка IE9+

Модальное окно с помощью SVG

Модальное окно с помощью SVG
Простое, и в тоже время необычное модальное окно с помощью элементов SVG. Данный тип веб-графики очень стремительно набирает обороты, а современные технологии помогают делать потрясающие вещи. Модальное окно с эффектом при появлении. Поддержка IE9+
24-09-2015
jquery / svg

SEO-продвижение

Автоматическое продвижение сайта в TOP.

Если Вы нашли ошибку в тексте, пожалуйста, выделите область и нажмите Ctrl + Enter.

Последняя версия jQuery:

Скачать
v.1.4.1 или v.3.0.0

Небольшое руководство по тому, как скачать самую актуальную версию библиотеки jQuery, а также рекомендации по подключению скрипта.

Популярное за неделю:

Шаблоны:

Подборки интерфейсов:

^