Масштабируемые фоны в веб-дизайне

Сeйчaс рaзрeшeниe экрaнa у бoльшинствa пoльзoвaтeлeй вышe или рaвнo 1024×768 пиксeлeй. Нo рaзвитиe кoмпьютeрнoй индустрии нe стoит нa мeстe. Мoнитoры сoвeршeнствуются, рaзрeшeния экранов растут и разработчикам веб-ресурсов приходится постоянно придумывать новые и необычные способы, чтобы ресурс смотрелся одинаково красиво и эффектно, независимо от разрешения установленного на мониторе пользователя. Именно по причине растущего разрешения все большую популярность в дизайне веб-ресурсов приобретает применение масштабируемых фонов. Преимущество такого метода в том, что фон может масштабироваться под любое разрешение экрана, будь то 1024×768 или 2560×1440 пикселей. При грамотном подходе можно создавать великолепные конструкции, которые удержат посетителя на сайте гораздо дольше и никак не скажутся на информационной составляющей сайта.

Ниже мы рассмотрим два метода, с помощью которых можно реализовать такой фон. Одни из них основан на технологии flash, а другой на совместном использовании CSS и JavaScript.

Flash

Эта технология постоянно улучшается с самых первых дней своего появления. Благодаря этому во многих flash-сайтах можно найти новые и еще не слишком распространенные детали. Вот и в использовании масштабируемых фонов flash-ресурсы явно не отстают.

CSS и JavaScript

По сравнению с flash, использование CSS и JavaScript гораздо удобнее для пользователей с точки зрения юзабилити и доступности. Благодаря этой комбинации веб-ресурс может быть сделан не менее эффектно и при этом вести себя очень похожим образом, как и ресурс на flash.

womtec.ru