Корекция на оформлението срещу "гума" - блогът на Глеб Калинин
В Съветска Русия
Наистина в България стандартът е оформлението, при което дизайнът заема 100% от екрана, независимо от резолюцията, докато западните сайтове най-често се правят на твърда решетка и фиксирани по ширина. Артемий Андреевич Лебедев, вероятният баща на съветския уеб дизайн, изобретател и пламенен защитник на гуменото оформление, презрителнонарича фиксираните сайтове "екранни снимки". Почти всички уебсайтове на Студиото са с пропорционално оформление и са били и все още са източник на идеи, вдъхновение и технически решения за хиляди дизайнери, дизайнери на оформление и разработчици.
И този подход има очевидни предимства. Правилно изпълненото флуидно оформление може да повиши достъпността и качеството на интерфейса на сайта, той се адаптира към различни резолюции и размери на прозорци, като използва най-ефективно работното пространство. Въпреки това, някои методи за такова оформление неизбежно изискват използването на таблици и Javascript и, както се практикува в Studio, без никакво уважение към уеб стандартите. Въпреки това, от бизнес гледна точка, уеб стандартите са добри, когато ви позволяват да спестявате или печелите пари, а не ограничават функционалността и намаляват качеството на продукта, какъвто е всеки сайт. От тази позиция твърдението на Лебедев, ченай-добрият валидатор е браузър изглежда повече от оправдано.
Следвай ме
Мнозина последваха примера на Студиото и започнаха да правят всички сайтове гумени. Въпреки това, ако служителите на Лебедев винаги следват техническия прогрес и наистина се интересуват от всички видове дисплейни устройства, а не само от тези, които са на тяхно разположение, тогава повечето местни уеб разработчици не са достигнали до това. И затова е много често срещаносайтове, които изглеждат неприемливо на монитори, по-големи от 19 инча – катастрофални пропорции (сайтът е по-широк, отколкото висок), непропорционално дълги редове, които побират по две изречения и т.н. Доста често срещате„мързеливо“ гумено оформление, при което се променя само централната колона с основното съдържание, а страничните колони са фиксирани плътно.
Доста трудно е, ако не и невъзможно, да се направи уебсайт, който да изглежда еднакво добре при ширина на екрана от 1024 и 1920 пиксела -почти 2x разлика. Междувременно и двете разделителни способности вече се използват и нито едната, нито другата няма да намалее - от една страна, широкоекранните монитори стават по-евтини, от друга страна, все повече и повече нетбуци и друга преносима техника се появяват с резолюции, за които уеб дизайнерите започнаха да забравят. Ето защо е много важно да фиксирате максималната ширина за плавно оформление, което ще разтегне вашия сайт. Това може да стане с помощта на CSS свойството max-width, разбира се с отделни жестове за IE.
Оправи ми мивката
Фиксираното оформление е пряко наследство от печатарската традиция, в която всяко действие без концепцията за формат и ясни медийни измерения е невъзможно. Както в случая с печата, оформлението, създадено от дизайнера, се прехвърля в браузъра възможно най-точно и не се променя в зависимост от външни обстоятелства.Фиксираното оформление е по-лесно за прилагане и поддържане : дизайнерът не трябва да чертае едно и също оформление в няколко състояния, а дизайнерът на оформление не трябва да си блъска мозъка и да се бори със съвместимостта. Готовите модулни мрежи като 960gs ви позволяват да опростите процеса на проектиране и оформление на сайтове. Дизайнът на фиксирани сайтове е много по-лесен за привеждане в хармонично състояние - можете да сте сигурни в товакутия, която има същата височина и ширина, няма да промени свойствата си поради факта, че потребителят преоразмерява прозореца. Много честое много по-добре да спрете на фиксирано оформление, отколкото да стартирате сайт с недобре замислена и не напълно тествана "гума", чието висококачествено внедряване изисква много ресурси - време и в резултат на това пари.
И от двата свята
Комбинирането на техники за фиксирано и течно оформление, както и малко Javascript, може да даде доста интересни резултати. Например оформления, в коитоброят на колоните с пропорционална шириназависи от наличното пространство (пример). Използвайки готови разработки, можете да създавате гумени сайтове според стандартите, като отделяте минимално време за съвместимост и използвате техниките, познати на споменатата по-горе мрежова система 960 - занаятчиите я адаптираха към гума. Между другото,в CSS3 необходимостта от плавно оформление е взета предвид - спецификацията на модула за оформление на гъвкава кутия все още е в състояние на чернова, но вече можете да експериментирате със синтаксиса, като използвате приставката jQuery. Спецификация на модула за гъвкаво оформление на кутията на сайта на W3C.