«Резиновый» сайт: свойства, особенности и характеристики


«Резиновый» сайт — это сайт, который автоматически способен подстраиваться под окно браузера пользователя. Реализовать такую технологию несложно, достаточно в графе, где указывается размер страницы, в качестве данных использовать не пиксели, а проценты.

Конечно, есть и множество других способов добиться такого эффекта, начиная с инструментов JavaScript и заканчивая специальными программными уловками, однако именно применение процентов является наиболее эффективным и простым вариантом. Хотя на самом деле, это совсем не избавляет от необходимости корректировать ширину окна, поэтому изменения придётся вносить не только в код ресурса, но и в специальные таблицы – CSS.

Учитывая тот факт, что сегодня выход в интернет–пространство доступен не только владельцам компьютеров, но и разнообразных электронных устройств ( вплоть до холодильников), идея использовать «резиновый» или адаптивный проект является весьма эффективной.

Есть ли у них недостатки? На первый взгляд эта технология идеальная, она:

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

Если вместо CSS использовать другие стили таблиц, то создать «резиновый» проект будет гораздо сложнее.
Хотя все вышеописанные трудности вполне имеют решение, а применение такой технологии, хотя и займёт больше времени, однако будет гораздо эффективнее и результативнее. Ну, а чтобы всё получилось, создавая адаптивный сайт, следует обращать внимание на следующие моменты:

  • Задавая процентное соотношение для размера окна, следует заранее определиться, какое разрешение будет минимальным, и при расчётах отталкиваться именно от этих данных.
  • После того, как количественные характеристики будут определены, очень важно продумать дизайн проекта. При этом, опять же, ориентироваться следует на минимальное разрешение экрана.
  • Настраивая ячейки таблицы, лучше всё же использовать пиксели. Исключение составляет контейнер, который содержит информацию и контент, в этом случае лучше использовать проценты либо не трогать их вообще.