Telegram-бот для фронтендеров
База плагинов jQuery

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

23-09-2015

SVG Modal -всплывающее окно на с помощью SVG

SVG Modal -всплывающее окно на с помощью SVG

Эластичное модальное окно созданное с помощь. SVG, CSS3 и jQuery. При клике на кнопку получаем "гибкое" всплывающее окно, в которое можно поместить все что угодно, на ваше усмотрение.

SVG Modal -всплывающее окно на с помощью SVG

SVG Modal -всплывающее окно на с помощью SVG
Эластичное модальное окно созданное с помощь. SVG, CSS3 и jQuery. При клике на кнопку получаем "гибкое" всплывающее окно, в которое можно поместить все что угодно, на ваше усмотрение.
23-09-2015
css / svg

22-09-2015

css

Использование поэтапной анимации CSS с помощью transition

Использование поэтапной анимации CSS с помощью transition

Данная статья будет полезна как новичкам, так и опытным разработчиков. В ней рассказывается, как правильно добиться поэтапной анимации с помощью мульти-классов CSS3 свойства transition.

Использование поэтапной анимации CSS с помощью transition

Использование поэтапной анимации CSS с помощью transition
Данная статья будет полезна как новичкам, так и опытным разработчиков. В ней рассказывается, как правильно добиться поэтапной анимации с помощью мульти-классов CSS3 свойства transition.
22-09-2015
css

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

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

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

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

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

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

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

Шаблоны:

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

^