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

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

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

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

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

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

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

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