Один із найвдаліших слайдерів для адаптивної верстки це responsive nivo slider.

Для початку розставимо крапки над нею. Розберемо поняття адаптивного дизайну.
Адаптивна верстка (Responsive) – це верстка, під будь-які види пристроїв, починаючи від домашніх ПК і закінчуючи мобільними пристроями IPhone, Android … і навіть годинами.

Незалежно від розміру екрану, сайт, у такій верстці, повинен виглядати завжди добре. Уявіть себе на місці людини, який шукає товар чи послугу в інтернеті з мобільного пристрою. Незручно постійно переміщатися в право, то вліво, розглядаючи товари інтернет магазину, а тим більше під час читання опису цих товарів. Для прикладу можна розглянути один з сайтів з адаптивним дизайном. Відкриваємо та змінюємо ширину екрана браузера.

Після виходу третьої версії nivo слайдера розробниками було внесено багато змін та доопрацювань, найважливішою і найприємнішою для мене виявилася переробка під адаптивную верстку. У цій версії слайдера можна завантажувати зображення будь-якого розміру і зображення самі підлаштовувати за шириною, а висота слайдера залежатиме від висоти зображення.

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

Щоб побачити роботу слайдера, можна перейти на сторінку демонстрації плагіна під WordPress слайдер тут і спробувати змінити ширину вікна браузера.
Також можна відстежити всі нововведення в роботу слайдера.

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

Ось так виглядатиме слайдер на планшеті:

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

А якщо з англійською у вас все погано можете подивитися на сайті Євгена Попова Змінюємо дизайн слайдера (використовується Nivo Slider). На сайті ви також зможете дізнатися і про те, як самому змінити дизайн, якщо платити за запропоновані теми розробників не хочеться.

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