Все для веб-дизайнера
Записи с метками Ротатор контента
CSS слайдер с использованием графики SVG
Июл 20
SVG графика весьма популярная в веб-дизайне, она позволяет не только качественно оптимизировать сайт для поисковых запросов, но и сократить время загрузки страницы, в данном уроке мы рассмотрим интересный пример реализации слайдера реализованный с помощью SVG графики и анимации с участием правил CSS, такой слайдер станет интересным решением для дизайнеров которые хотят разнообразить свой ресурс и обновить до современного дизайна.
Стильный слайдер для сайта при помощи SVG
Ноя 22
В данном уроке мы бы хотели вам рассказать о возможности реализации достаточно легкого слайдера, который отлично впишется в любой дизайн сайта, кроме этого мы будем использовать SVG, что позитивно скажется в скорости загрузки сайта и поисковой оптимизации. Идея состоит в следующем, у нас будет две стрелки стилизованы с предварительным просмотром в виде ромба, по центру находиться квадрат с изображением, слайды будут изменяться при нажатии на стрелки навигации при помощи красивой анимации.
Слайдер отзывов клиентов сайта на CSS и jQuery
Ноя 18
Отзывы клиентов для сайта который предоставляет услуги или рекламирует себя является очень важным элементов в структуре сайта. Данный раздел не стоит упускать из виду и подать его посетителям красиво и отзывчиво. В данном уроке мы рассмотрим как реализовать данную функцию. Мы рассмотрим замечательный способ создания простого модуля для отзывов клиентов, который можно легко встроить в ваш дизайн. Кроме этого мы предусмотрели вариант, когда пользователям необходимо посмотреть больше отзывов.
Галерея для сайта в виде табов с помощью CSS3
Ноя 10
Вкладки весьма интересная и удобная штука при создании сайта, она позволяет правильно организовать информацию, при этом сэкономив немного места на сайте. В сегодняшнем уроке речь пойдет о совмещении приятного с полезным, а именно об галереи изображений которая реализована в виде вкладок. Если вы хотите создать интернет магазин, то для отображения дополнительной информации о вашем продукте данный прием станет отличным решением.
Создаем анимированный футер для сайта на CSS
Сен 7
Создавая хороший сайт не стоит забывать о деталях, каждый элемент должен быть продуман и подогнан к деталям и цветовой палитре. В сегодняшнем уроке мы рассмотрим как создать замечательный, анимированный подвал для сайта который будет отзывчивым для посетителя и адаптивным при просмотре. Идея заключается в том, что подвал сайта по умолчанию скрытый и будет появляться только при прокрутке страницы, при этом основная часть будет плавно сдвигаться вверх выделяя нам нужную информацию.
Превью новостей в виде кнопок с помощью CSS3
Сен 1
Иногда на сайте необходимо отобразить фрагмент новости, чтобы заинтересовать посетителя прочесть ее. Обычно такую информацию подают в виде блоков, которые расположены под прочитанной новостью или в сайдбаре, но в данном уроке мы рассмотрим немного иной подход к поставленной задаче, мы отобразить превью новости на кнопках, главной особенностью будет то, что текст будет прокручиваться, что привлечет внимание посетителя, так как кнопка будет "живая". Давайте посмотрим, что же у нас с этого получилось.
Как создать слайдер с навигацией для сайта
мая 28
Слайдер весьма удобная штука на сайте где дизайнер хочет донести информацию до читателя с помощью графика, красивая организация, лаконичный дизайн позволяет поместить множество информации в достаточно небольшом пространстве, при этом слайдер не останется без внимания посетителя, так как всегда находится на видном месте. В сегодняшнем уроке речь пойдет о процессе создания замечательного слайдера с множеством полезных функций, которые сделают ваш сайт уникальным.
Загрузка ...