Мобилна версия

Responsive Website Design

  • Адаптивният уеб дизайн/ Responsive Website Design - RWD, целящо да осигури оптималната ѝ визуализация и улеснено взаимодействие с нея, което да е подходящо за различни устройства, мобилни телефони, таблети, настолни компютри и др., и техните различни резолюции на екрана. Целта на това адаптиране е да се минимизира нуждата от преоразмеряване и скролване. В оригиналната терминология на английски език съществува и терминът adaptive web design, който е сходен като резултат, но с известни различия в начина за постигане.
  • Уебсайт, изработен чрез адаптивен дизайн, настройва съдържанието си към средата, на която се визуализира чрез използването на гъвкави, базирани на пропорции решетки/ fluid, proportion-based grids, гъвкави изображения/ flexible images и CSS3 media queries - разширение на @media метода в CSS, по следните начини:
  • Концепцията за „гъвкава“ или „течна“ решетка/ fluid grid изисква оразмеряването на елементите на уебстраницата да бъде в относителни единици като проценти, а не в абсолютни като пиксели или точки;
  • Гъвкавите“ изображения също се оразмеряват в относителни единици за да се предотврати показването им извън елемента, в който се съдържат;
  • Медийните заявки позволяват на уебсайта да използва различни стилове ( CSS ) според характеристиките и типа на устройството, на което се визуализира, като ширината на браузъра е най-често използваната характеристика.
  • Адаптивният уеб дизайн е все по-използван и придобива все по-голямо значение, тъй като количеството на мобилния трафик възлиза на повече от половината от общия интернет трафик. Тази тенденция е толкова разпространена, че Google започна повишаване на рейтингите на сайтове, които са с адаптивен уеб дизайн.
Responsive Website Design