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

20-08-2015

Анимированный SVG Hero Slider

Анимированный SVG Hero Slider

Эффектный широкоформатный слайдер с SVG анимацией. Слайды оригинально сменяют один другой, что не может не понравиться пользователю. Поддержка IE9+.

Анимированный SVG Hero Slider

Анимированный SVG Hero Slider
Эффектный широкоформатный слайдер с SVG анимацией. Слайды оригинально сменяют один другой, что не может не понравиться пользователю. Поддержка IE9+.
20-08-2015
css / svg

10-08-2015

Пример SVG быстрого добавления товара в корзину

Пример SVG быстрого добавления товара в корзину

Интересный пример оформления быстрого добавления товара в корзину прямо из каталога. При клике, кнопка "добавить в корзину" анимируется, давая понять пользователю, что товар добавлен. Используется CSS, SVG и javascript. Поддержка IE9+. Неплохой элемент пользовательского интерфейса для интернет-магазина.

Пример SVG быстрого добавления товара в корзину

Пример SVG быстрого добавления товара в корзину
Интересный пример оформления быстрого добавления товара в корзину прямо из каталога. При клике, кнопка "добавить в корзину" анимируется, давая понять пользователю, что товар добавлен. Используется CSS, SVG и javascript. Поддержка IE9+. Неплохой элемент пользовательского интерфейса для интернет-магазина.
10-08-2015
css / svg

03-08-2015

CSS против SVG: графические эффекты для текста

CSS против SVG: графические эффекты для текста

Интересная статья с живыми примерами о том, на что способны графические фильтры CSS3 и SVG. В посте проведен анализ практического применения фильтров к тексту и сделаны сравнения того, что же является более удобным и эффектным.

CSS против SVG: графические эффекты для текста

CSS против SVG: графические эффекты для текста
Интересная статья с живыми примерами о том, на что способны графические фильтры CSS3 и SVG. В посте проведен анализ практического применения фильтров к тексту и сделаны сравнения того, что же является более удобным и эффектным.
03-08-2015
css / svg

30-07-2015

svg

Gooey balls loader - лоадер с "липким" эффектом

Gooey balls loader - лоадер с

"Липкий" лоадер с помощью SVG и CSS3. Красиво, качественно, без лишних скриптов и плагинов. Хорошо подойдет для современных сайтов со стильными дизайном.

Gooey balls loader - лоадер с "липким" эффектом

Gooey balls loader - лоадер с
"Липкий" лоадер с помощью SVG и CSS3. Красиво, качественно, без лишних скриптов и плагинов. Хорошо подойдет для современных сайтов со стильными дизайном.
30-07-2015
svg

25-07-2015

svg

Создаем "волнистый" текст с помощью фильтров SVG

Создаем

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

Создаем "волнистый" текст с помощью фильтров SVG

Создаем
В данной статье описывается, как создать искаженный эффект текста средствами CSS и SVG. Этот материал будет полезен для тех, кто хочет добавить на свой сайт капельку интерактива или просто удивить посетителей. Отличный небольшой мануал по SVG фильтрам.
25-07-2015
svg

24-07-2015

svg

Подборка качественных SVG-анимаций

Подборка качественных SVG-анимаций

Что может быть лучше детально прорисованных анимационных элементов в WEB'е? Представляем вам небольшую коллекцию выполненных с любовью, живых SVG-элементов.

Подборка качественных SVG-анимаций

Подборка качественных SVG-анимаций
Что может быть лучше детально прорисованных анимационных элементов в WEB'е? Представляем вам небольшую коллекцию выполненных с любовью, живых SVG-элементов.
24-07-2015
svg

20-07-2015

svg

Paths - создание и редактирование SVG

Paths - создание и редактирование SVG

Редактор SVG-элементов прям в браузере. Он предназначен демонстрировать синтаксис и несложные примеры SVG. После редактирования вы сможете скачать .svg файл, в котором будет копия кода результата. Автор утверждает, что такой подход поможет быстрее усвоить SVG.

Paths - создание и редактирование SVG

Paths - создание и редактирование SVG
Редактор SVG-элементов прям в браузере. Он предназначен демонстрировать синтаксис и несложные примеры SVG. После редактирования вы сможете скачать .svg файл, в котором будет копия кода результата. Автор утверждает, что такой подход поможет быстрее усвоить SVG.
20-07-2015
svg

11-07-2015

svg

Box/Button Hovers - эффекты при наведении

Box/Button Hovers - эффекты при наведении

Три неплохих варианта создания кнопок с приятным hover-эффектом. При наведении на кнопку линии начинают трансформироваться с помощью элементов SVG, создавая неординарность штатных кнопок.

Box/Button Hovers - эффекты при наведении

Box/Button Hovers - эффекты при наведении
Три неплохих варианта создания кнопок с приятным hover-эффектом. При наведении на кнопку линии начинают трансформироваться с помощью элементов SVG, создавая неординарность штатных кнопок.
11-07-2015
svg

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

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

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

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

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

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

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

Шаблоны:

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

^