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

19-08-2015

css

Login Form Processing - анимация после отправки формы

Login Form Processing - анимация после отправки формы

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

Login Form Processing - анимация после отправки формы

Login Form Processing - анимация после отправки формы
Оригинальный пример эффекта отправки формы после нажатия кнопки. Вариантов применения можно найти множество: отправка письма, авторизация и т.д. Отличное решение визуализировать процесс отправления данных на сервер.
19-08-2015
css

18-08-2015

css

Руководство: делаем отзывчивые изображения с помощью фоновых картинок в CSS

Руководство: делаем отзывчивые изображения с помощью фоновых картинок в CSS

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

Руководство: делаем отзывчивые изображения с помощью фоновых картинок в CSS

Руководство: делаем отзывчивые изображения с помощью фоновых картинок в CSS
Подробный гайд о современных условиях использования фоновых изображений в CSS3. Статья будет очень полезна новичкам, которые не совсем понимают, что такое медиазапросы и как их использовать, а также и опытным разработчикам, возможно, кое-что может приглянуться.
18-08-2015
css

10-08-2015

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

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

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

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

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

08-08-2015

css

Login page - интересный вариант окна авторизации

Login page - интересный вариант окна авторизации

Возможно пришло время обновить форму авторизации на своем сайте? Данный пример обладает современным эффектами, которые можно встретить на популярных сайтах. Ничего кроме CSS и jQuery.

Login page - интересный вариант окна авторизации

Login page - интересный вариант окна авторизации
Возможно пришло время обновить форму авторизации на своем сайте? Данный пример обладает современным эффектами, которые можно встретить на популярных сайтах. Ничего кроме CSS и jQuery.
08-08-2015
css

07-08-2015

css

Reverse Faux Blur - текст с эффектом размытия

Reverse Faux Blur - текст с эффектом размытия

Очень простой пример того, как сделать размытый текст с помощью CSS. Иногда бывает, что необходимо предать тексту вид, чтобы пользователь не фокусировался на нем. Все очень просто, потребуется всего несколько строк CSS.

Reverse Faux Blur - текст с эффектом размытия

Reverse Faux Blur - текст с эффектом размытия
Очень простой пример того, как сделать размытый текст с помощью CSS. Иногда бывает, что необходимо предать тексту вид, чтобы пользователь не фокусировался на нем. Все очень просто, потребуется всего несколько строк CSS.
07-08-2015
css

03-08-2015

css

Фильтры CSS3: обработка бекграунда

Фильтры CSS3: обработка бекграунда

Статья, которая доступно объясняет, какие есть фильтры CSS для работы с background'ом (блюр-эффект, эффект-размытия, яркость и т.д.). Если вы еще не в курсе этих способностей CSS, то вы удивитесь тому, что можно сделать сподручными средствами таблиц стилей...

Фильтры CSS3: обработка бекграунда

Фильтры CSS3: обработка бекграунда
Статья, которая доступно объясняет, какие есть фильтры CSS для работы с background'ом (блюр-эффект, эффект-размытия, яркость и т.д.). Если вы еще не в курсе этих способностей CSS, то вы удивитесь тому, что можно сделать сподручными средствами таблиц стилей...
03-08-2015
css

03-08-2015

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

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

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

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

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

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

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

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

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

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

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

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

Шаблоны:

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

^