«Резиновый» сайт — это сайт, который автоматически способен подстраиваться под окно браузера пользователя. Реализовать такую технологию несложно, достаточно в графе, где указывается размер страницы, в качестве данных использовать не пиксели, а проценты.
Конечно, есть и множество других способов добиться такого эффекта, начиная с инструментов JavaScript и заканчивая специальными программными уловками, однако именно применение процентов является наиболее эффективным и простым вариантом. Хотя на самом деле, это совсем не избавляет от необходимости корректировать ширину окна, поэтому изменения придётся вносить не только в код ресурса, но и в специальные таблицы – CSS.
Учитывая тот факт, что сегодня выход в интернет–пространство доступен не только владельцам компьютеров, но и разнообразных электронных устройств ( вплоть до холодильников), идея использовать «резиновый» или адаптивный проект является весьма эффективной.
Есть ли у них недостатки? На первый взгляд эта технология идеальная, она:
- Динамически меняет размер окна, в зависимости от разрешения экрана устройства.
- Сохраняет удобные пропорции и дизайнерские элементы.
- Облегчает процесс восприятия текста, за счёт сохранения его читабельности.
- Повышает конверсию и трафик посещаемости ресурса.
- Однако в то же время, применение «резиновых» сайтов сопряжено с некоторыми трудностями:
- Не все приёмники способны поддерживать заданный размер. В основном это зависит от контента, например, если изображение загружаемое на страницу ресурса окажется слишком большим, остальные картинки просто сместятся, что негативно скажется и на дизайне и на юзабилити ресурса.
- На создание сайта, имеющего «резиновые» способности, уходит в несколько раз больше времени, чем на проектирование обычного интернет–портала.
Если вместо CSS использовать другие стили таблиц, то создать «резиновый» проект будет гораздо сложнее.
Хотя все вышеописанные трудности вполне имеют решение, а применение такой технологии, хотя и займёт больше времени, однако будет гораздо эффективнее и результативнее. Ну, а чтобы всё получилось, создавая адаптивный сайт, следует обращать внимание на следующие моменты:
- Задавая процентное соотношение для размера окна, следует заранее определиться, какое разрешение будет минимальным, и при расчётах отталкиваться именно от этих данных.
- После того, как количественные характеристики будут определены, очень важно продумать дизайн проекта. При этом, опять же, ориентироваться следует на минимальное разрешение экрана.
- Настраивая ячейки таблицы, лучше всё же использовать пиксели. Исключение составляет контейнер, который содержит информацию и контент, в этом случае лучше использовать проценты либо не трогать их вообще.