Responsive nivo слайдер

Один из самых удачных слайдеров для адаптивной верстки это responsive nivo slider.

Для начала расставим точки над ё. Разберем понятие адаптивного дизайна.
Адаптивная верстка (Responsive)
— это верстка, под любые виды устройств начиная от домашних ПК и заканчивая мобильными устройствами IPhone, Android … и даже часами.

responsive-web-design адаптивный дизайн на чатах

Независимо от размера экрана, сайт, в такой верстке, должен смотреться всегда хорошо.  Представите себя на месте человека, который ищет товар или услугу в интернете с мобильного устройства. Неудобно постоянно перемещаться то в право, то в лево, рассматривая товары интернет магазина, а тем более при чтении описания этих товаров. Для примера можно рассмотреть один из сайтов с адаптивным дизайном. Открываем и меняем ширину экрана браузера.

responsive-web-design адаптивный дизайн
После выхода третей версии nivo слайдера разработчиками было внесено много изменений и доработок, самой важной и приятной для меня оказалась переработка под адаптивную верстку. В данной версии слайдера можно загружать изображения любого размера и изображения сами будут подстраиваться по ширине, а высота слайдера будет зависеть от высоты изображения.

Демонстрация слайдера

Чтобы увидеть работу слайдера можно перейти на страницу демонстрации плагина под WordPress слайдер тут и попробовать изменить ширину окна браузера.
Также можно отследить все нововведения в работу слайдера тут.

Продукт свободно распостраняесты и слайдер можно скачать с github.com, там же в меню сайта можно посмотреть демонстрацию других тем которые не входят в стандартную поставку и их можно приобрести за отдельную плату как и плагин для wordpress.

Вот так будет выглядеть слайдер на планшете:

 Responsive nivo слайдер. Адаптивная верстка.

Еще хочу сказать, что на официальном сайте есть отличная справка по использованию слайдера лучше просто вряд ли кто опишет, поэтому и я не стал описывать).

А если с английским у вас все плохо можете подсмотреть на сайте Евгения Попова Изменяем дизайн слайдера (используется Nivo Slider). На сайте вы также сможите узнать и о том как самому сменить дизайн, если платить за предложенные темы разработчиков не хочется. 

Те кто занимаются адаптивной версткой под мобильные устройства очень часто сталкиваются с  проблемой стилизации полей ввода форм в устройствах Android и особенно в IPhone. Об этом вы сможете прочитать на нашем сайте в статье iphone input внутренняя тень и скругление “inner shadow”.

Купить хостинг WordPress


Читайте также:

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *