Все для веб-дизайнера
Круговой индикатор процесса при помощи CSS3
27 Июл
Иногда просматривая резюме веб-дизайнеров я сталкиваюсь интерактивным отображением их скилов при помощи индикаторов прогресса. Сегодня я хочу рассказать как создать замечательные градиентные индикаторы прогресса в виде кругов при помощи SVG и CSS3. Такой прием станет полезным не только для резюме, но и на сайте, если хотите отобразить датчик прогресса. Простота работы и графика SVG положительно скажется на скорости загрузки, а также на поисковых запросах, давайте посмотрим, что у нас с этого получилось.
Создаем слайдер с изогнутым фоном на CSS3 и JS
26 Июл
Красивый слайдер это несомненно плюс для сайта, но часто они одинаковые и не привлекают посетителей, ведь не предлагают ничего нового, сегодня мы бы хотели это исправить, и рассказать, как создать замечательный слайдер с анимацией изогнутого фона при помощи CSS3 и JavaScript. При прокрутке слайдов, изображения с фоном будут плавно заменять друг друга, а дугообразная маска придаст ощущение эластичности слайда. Выглядит такой слайдер изумительно благодаря качественному сочетанию деталей.
Градиентная анимация кнопки при помощи CSS3
25 Июл
Все чаще в интернете я замечаю, как дизайнеры используют подход к градиенту и его реализации на сайте, мейнстримом в последнее время стала анимация текста и элементов сайта этим эффектом, именно об этом я хочу сегодня вам рассказать, урок на самом деле очень простой но имеет место быть, ведь каждому из вас будет такой прием интересен, а как вы знаете, хороший дизайн состоит из мелких деталей, по этому не упускайте возможность добавить в свой сайт мелкий элемент, который будет бросаться в глаза вашим посетителям.
Адаптивный анимированный аккордеон на CSS3
24 Июл
Cегодня я бы хотел поговорить о организации места на сайте, меня часто спрашивают, как создать красивый анимированный аккордеон для сайта, который будет приятным в интерфейсе и требовал минимум усилий в реализации. Именно о нем мы сегодня поговорим, такой аккордеон весьма полезен, когда нужно скрыть часть информации на сайте, при этом сэкономив место и мотивируя пользователя нажать на нужную информацию, кроме этого шаблон аккордеона будет полностью адаптивным, что упростит отображение на мобильных устройствах.
Фильтр выпадающего списка сайта на jQuery
23 Июл
Если сайт достаточно большой и содержит много контента то организация поиска по нем достаточно критичный вопрос, сегодня мы хотим рассказать как организовать поиск по выпадающем списку упростив при этом навигацию, поможет нам в этом небольшой плагин jQuery. Hierarchy Select-это легкий плагин jQuery, который преобразует обыкновенный список bootstrap в фильтруемый иерархический раскрывающийся список. Все работает очень быстро и плавно, если вы нуждаетесь в таком списке с фильтрацией думаю это отличное решение для вас.
Планета путешествий-анимация с помощью SVG
22 Июл
Как вы знаете, каждое воскресенье у нас уже сложилась небольшая традиция, мы выкладываем интересные анимации, игры и материалы для вдохновения созданные независимыми разработчиками, и сегодня как раз такой день, мы рассмотрим интересную анимацию, которая явно приглянется туроператорам и туристическим сайтам, ведь речь пойдет об анимации планеты путешественника при помощи графики svg, вы можете часто встречать такой прием в рекламных роликах, думаю, это отличное решение, чтобы показать целевое направление сайта.
Bootstrap Popover при помощи WebUI Popover
21 Июл
Сегодня я бы хотел рассказать о расширении Bootstrap 3 Popover при помощи WebUI Popover. На самом деле Webui Popover является мощным, но достаточно простым плагином jQuery который используется для расширения компонента bootstrap popover со следующими расширенными функциями: автоположение, более конкретные позиции, пользовательские триггеры, Pop с любыми элементами (Таблица, список, элемент iframe, и т. д.), а также пользовательские события обратного вызова. Думаю каждый из вас найдет готовые решения для себя.
Загрузка ...