Адаптивный дизайн сайта

Кембрийский взрыв

То, что сегодня человечество переживает взрывное распространение мобильного интернета, ни для кого не является секретом. Для пятой части населения планеты – жителей Индии и Африканского континента, сотовый телефон является практически первым и единственным выходом в мировую виртуальную сеть. Мобильные гаджеты обгоняют домашний интернет по популярности, и это становится общемировой тенденцией. Традиционное лидерство остаётся за Японией – её жители уже в 2007 году просматривали виртуальные страницы на мобильных устройствах чаще, нежели с персональных компьютеров или ноутбуков. Россия старается не отставать в темпах освоения мобильного интернета, использование которого вплотную приближается к уровню охвата кабельными и проводными веб-сетями. Однако, стационарные компьютеры, в их классическом исполнении, а также ноутбуки не исчезнут в ближайшей перспективе, и это автоматически означает, что широкий диапазон устройств, позволяющих получать доступ к просторам глобальной сети, будет диктовать основные правила и технологии разработки веб-ресурсов.

В поиске единственно верного решения

Становится понятно, что тот подход, на который ориентировались веб-разработчики, верстая интернет страницы для экранов мониторов с разрешением в 1024х768, безнадёжно устаревает, и новые устройства диктуют свои законы. Очевидно, что на дисплеях меньшего размера, сайты, изготовленные по типовым канонам, становятся крайне неудобными для использования и просмотра. Для того чтобы создать мобильную версию интернет ресурса, требуются значительные траты и подобную роскошь могут позволить себе только организации, располагающие солидными бюджетами. Характерный пример тому крупные финансовые организации и солидные корпоративные порталы, которые заказывают разработку специальных приложений, позволяющих посещать их ресурсы с мобильных устройств, однако и они не могут игнорировать рядовых пользователей заходящих на сайты через обычные браузеры. При этом, современные модификации коммуникаторов, смартфонов, айфонов и айпадов располагают достаточными возможностями для высокоскоростного и качественного обеспечения соединения с виртуальной сетью, позволяющими просматривать любые интернет ресурсы. В том же случае, когда сайт построен на архаичном дизайне, все эти технические достижения сводятся на нет – пользователям просто напросто, крайне неудобно работать с веб-страницами посредством мобильных устройств.

Полная адаптация

Однако техническая мысль не стоит на месте и в области веб-дизайна существуют эффективные наработки в этом направлении. Показательный пример тому – интернет ресурс студии Smashing Magazine. Если попробовать сжать окно браузера, то основное меню и контентное наполнение поменяют свой вид и из классического горизонтального текстового, превратятся в вертикально расположенный ряд кнопок, очень удобный для работы на дисплее сенсорного типа.

Еще один пример – сайт известного фотографа (кстати, нашего клиента sergeromanov.com). Обратите внимание на работу с превью. Оригинальная верстка, не характерная для веб, и перестраивание элементов.

Эти ресурсы обладают одним «секретом» - они построены с использованием адаптивной вёрстки. Суть указанного технологического решения заключается в том, что один макет приспособлен к работе с несколькими разрешениями мониторов. Сетка виртуальной страницы перестраивается без перезагрузки.

В основе этого метода лежит верстка при помощи колонок, число которых, для каждого из разрешений, вполне конкретное. Так для 1024 пикселей предусмотрено десять колонок, далее восемь колонок, которые предназначены для планшетов с 768 пикселями. Следующий этап – мобильные телефоны и смартфоны с разрешением в 420 и 380 пикселей, а это пять и три колонки соответственно. Перечисленные разрешения позволяют охватить практически все устройства выхода в виртуальную сеть – на любом мониторе и дисплее сайт, построенный по адаптивной технологии, будет выглядеть, и работать одинаково качественно, не доставляя излишних неудобств пользователю. При решении таких задач лучше разработать свои, оригинальные версии. Сам принцип, положенный в основу, открывает серьёзные перспективы.

Общеизвестна поговорка о том, в какой период времени необходимо готовить то или иное средство передвижения. Лавинообразное развитие высоких технологий, появление всё новых устройств, платформ и гаджетов, логическим образом подвигает разработчиков веб-ресурсов использовать адаптационные решения. Нужно быть на переднем крае разработок, идти в ногу со временем, для того чтобы будущее не застало врасплох и не пришлось, впопыхах, догонять более прозорливых конкурентов.

Компания "Сеократ" предлагает услуги по изготовлению сайтов с адаптивной версткой. Подробности по телефону 499 519-00-56

20.02.2012

У нас вы можете заказать

Хотите сделать заказ или появились вопросы?

Вы можете позвонить нам, заказать обратный звонок или задать вопрос через форму обратной связи

Наш блог

Интересное о самом важном в области разработки и продвижении сайтов

Все новости

Актуальные новости

Читайте последние новости нашего агентства, чтобы быть в курсе новинок и акций в разработке и продвижении сайтов!

25 марта

Вышел Shop-script 6

1 день выход Shop-script 6 ознаменовался скандалом!

25 февраля

Новости Webasyst Shop-script 5

Большое обновление системы управления Webasyst shop-script в марте 2015

14 октября

Что чаще всего запрашивают в Яндексе

Яндекс опубликовал отчет о том, что чаще всего ищут его пользователи

28 августа

Мы и UMI CMS

Теперь мы создаем интернет-проекты и на UMI.CMS

19 августа

Размещение рекламы в СМИ

Предлагаем вам нашу новую услугу - реклама вашего сайта в СМИ (средств массовой информации) при помощи пресс-релизов.

30 июля

Новая услуга - размещение объявлений на досках

Мы предлагаем размещение информации о ваших товарах и услугах на качественных досках объявлений.