Веб прегледачи су били окренути све док веб странице имају. Заправо, претраживачи су суштински састојак искуства или људи који прегледају вашу локацију - али не сви претраживачи креирани једнако. Потпуно је могуће (и заправо прилично вероватно) да корисници гледају ваше веб странице у прегледаче који су изузетно стари и недостају карактеристике које се налазе у модернијим претраживачима. Ово може представљати значајне проблеме док се трудите да развијете веб странице које искоришћавају најновије напретке у дизајнирању веб страница и развоју . Ако неко дође на ваш сајт користећи један од оних старих претраживача, а ваше најновије напредне технике не раде за њих, могли бисте донијети лоше искуство уопште. Прогресивно побољшање је стратегија за руковање дизајном веб страница за различите прегледаче, односно старе старе прегледаче који недостају у савременој подршци.
Прогресивно побољшање је начин дизајнирања веб страница тако да више функција које корисник подржава, више функција које ће имати веб страница. То је супротно од стратегије дизајна познате као грациозна деградација . Та стратегија најпре гради странице за најсавременије прегледаче, а затим осигурава да и они раде добро с мање функционалним претраживачима - да искуство "деградира грациозно". Прогресивно побољшање почиње са мање способним претраживачима и гради искуство одатле.
Како користити прогресивно побољшање
Када креирате веб дизајн користећи прогресивно побољшање, прва ствар коју ћете урадити је да креирате дизајн који ради за најнижи заједнички именитељ веб прегледача. У основи, прогресивно побољшање каже да ваш садржај треба да буде доступан свим веб прегледачима, а не само под-сет. Због тога почињете тако што ћете подржавати ове старе, застареле и мање способне претраживаче. Ако креирате сајт који добро функционише за њих, знате да сте створили основну линију која би требала пружити бар корисно искуство свим посјетитељима.
Када започнете са најмање најспособнијим претраживачима, желимо осигурати да сви ваши ХТМЛ треба да буду валидни и семантички исправни. Ово ће помоћи да се обезбеди да најшири број корисничких агената може приказати страницу и приказати је тачно.
Запамтите да су стилови визуелног дизајна и укупни изглед странице додат помоћу спољашњих стилова . Ово је стварно где се прогресивно побољшање дешава. Користите стилски стил да бисте креирали дизајн сајта који ради за све посетиоце. Тада можете додати додатне стилове како бисте побољшали страницу док корисничка средства добијају функционалност. Сви добијају стилове базних линија, али за све претраживаче вијести које могу подржавати напредније и модерније стилове, добијају неке додатне. Ви "прогресивно побољшате" страницу за прегледаче који могу подржати те стилове.
Постоји неколико начина на које можете примијенити прогресивно побољшање. Прво, требало би да узмете у обзир шта претраживач ради ако не разуме линију ЦСС-а - игнорише га! Ово заправо ради у вашу корист. Ако креирате основни скуп стилова које сви прегледачи разумеју, онда можете додати додатне стилове за нове прегледаче. Ако подрже стилове, они ће их применити. Ако не, они ће их игнорисати и само користити те основне начине. Једноставан пример прогресивног побољшања можете видети у овом ЦСС-у:
.главни садржај {
позадина: # 999;
бацкгроунд: ргба (153,153,153, .75);
}
Овај стил прво поставља позадину сивкасте боје. Друго правило користи РГБА вредности боје да би поставио ниво транспарентности. Ако претраживач подржава РГБА, он ће превазићи први стил са другом. Ако не, примјењује се само први. Поставили сте основну боју и додали додатне стилове за модерније прегледаче.
Употреба функционалних упита
Други начин на који можете примијенити прогресивно побољшање је кориштење онога што се зове "карактеристике упита". Ово су сличне медијским упитима , који су суштински део одговарајућих дизајна веб страница . Док медији упита текст за одређене величине екрана, упити за функцијама ће проверити да ли је одређена функција подржана или не. Синтакса коју бисте користили је:
@суппортс (дисплаи: флек) {}Сви стилови које сте додали унутар овог правила би могли радити само ако је тај претраживач подржавао "флек", што је стил за Флекбок. Можете поставити један скуп правила за све, а затим користити функционалне упите да бисте додали екстра само за одабране прегледаче.
Оригинални чланак Јеннифер Кринин. Уредио Јереми Гирард на 13.12.16.