www.romver.ru / Полный список статей / Концепция прогрессивного улучшения.

Na4inaa s1994 goda soob6estvo veb-razrabot4ikov govorit ograceful degradation¹. Koncepcia zaklu4alas' vtom, 4to pol'zovatelam sovremennix brauzerov kontent predostavlalsa vpolnom vide atem kto ispol'zoval Netscape 4 vupro6ennom. Etot podxod rabotal xoro6o, nonesposobstvoval razvitiu universal'no dostupnogo veb, kak ego videl Tim Berners-Li. Spusta desatok let, neskol'ko umnix ludey zadumalis' ograceful degradation iobnarujili, 4to eto nevsegda lu46iy variant. Ozabo4ennie dostupnost'u kontenta ivozmojnostami mobil'nix brauzerov, oni iskali noviy put' vveb-razrabotke — put' sfokusirovanniy nakontente ipozvolau6iy bol'6e, 4em prosto dat' minimal'niy dostup starim brauzeram iustroystvam.

Na SXSW v2003 godu, Stiv 4ampeon iNik Fink proveli prezentaciu pod nazvaniem «Inclusive Web Design For the Future²», vkotoroy oni obozna4ili noviy podxod k veb razrabotke. Stiv nazval ee: progressivnoe ulu46enie³ (progressive enhancement).

V 4em razli4ia podxodov

4tobi vnesti asnost', davayte opredelimsa v4em raznica mejdu graceful degradation iprogressivnim ulu46eniem. Oba podxoda sosredoto4eni natom, 4tobi sayt xoro6o rabotal vrazli4nix brauzerax iustroystvax, raznica vtom kak predpolagaetsa etogo dostigat'.

graceful degradation

Graceful degradation sfokusirovana nasozdanii veb-sayta dla naibolee prodvinutogo brauzera. Testirovanie vbrauzerax kotorie razrabot4iki s4itaut ustarev6imi provodit'sa vposledney 4etverti cikla razrabotki i4asto ograni4eni predidu6imi versiami osnovnix brauzerov (IE, Mozilla).

V sootvetstvii setoy paradigmoy, pol'zovateli starix brauzerov kontent polu4at nevlu46em vide, novse jepolu4at. Razrabot4iki obra6aut vnimanie naispravlenie tol'ko naibolee zametnix o6ibok, pri prosmotre sayta vstarom brauzere.

progressivnoe ulu46enie

Progressivnoe ulu46enie — strategia sfokusirovannaa nakontente. Zamet'te raznicu: Adaje neupomanul obrauzerax.

Kontent eto toradi 4ego misozdaem sayti. Nekotorie sayti ego rasprostranaut, nekotorie sobiraut, nekotorie zapra6ivaut, nekotorie manipuliruut im, anekotorie delaut vse vi6epere4islennoe, novse oni nujdautsa vnem. Eto delaet progressivnoe ulu46enie bolee podxoda6ey paradigmoy. Imenno poetomu Yahoo bistro adaptirovalo eeiispol'zovalo pri sozdanii strategii podderjki brauzerov⁴.

Tak kak jeeto rabotaet?

Ponat' progressivnoe ulu46enie o4en' legko: prosto na4inayte dumayt' skontenta. Kontent sozdaet bazu nakotoroy raspolagautsa sloi oformlenia iinteraktivnosti. Predstav'te araxis M&M:

V centre ore6ek kontenta, semanti4eski razme4enniy spomo6'u (X)HTML. Dal'6e idet sloy CSS. Izaver6aet kartinu sloy JavaScript, kak plotnaa obolo4ka konfeti szame4atel'nim vkusom (kotoraa ktomu jenepozvolaet konfete taat' vrukax).

Znakomie smantroy poklonnikov standartov — razdelenie, razdelenie, razdelenie — prekrasno poymut etot podxod. Razrabotku osnovannuu naveb standartax 4asto sravnivaut sosloenim pirogom⁵ (ili sbiskvitom⁶ ). Apredpo4itau analogiu saraxisom M&M, poskol'ku vnem vse sloi polnost'u okrujaut kontent, to4no takje kak nasamom dele eto delaut stili iskripti.

Esli vam e6e nenadoela moa pi6evaa analogia, arasskaju 4em etot podxod xoro6 ikak sloi svazani sparadigmoy progressivnogo ulu46enia.

Araxis

Nekotorie predpo4itaut obi4niy araxis araxisu M&M, to4no tak jenekotorie pol'zovateli (i poiskovie roboti) xotat tol'ko kontent.

Tak jeest' ludi kotorie neperenosat 6okolad ikaramel' vnutri kotorix naxoditsa araxis (naprimer, diabetiki). To4no tak je, pol'zovateli mobil'nix ustroystv ili starix brauzerov nemogut videt' va6 zame4atel'niy dizayn ili rabotat' sinterfeysam osnovannim naAjax.

Razmetka doljna predostavlat' takim pol'zovatelam vozmojnost' pol'zovat'sa saytom nabazovom urovne.

6okoladniy sloy

Teper' vimojete pogruzit' svoy kontent vgora4uu vannuu blagouxau6ego CSS, noprejde 4em perexodit' kobolo4ke, obratim vnimanie nanekotorie faktori.

Est' ludi kotorie lubat araxis v6okolade. Unekotorix brauzer podderjivaet CSS, noneJavaScript, akomu-to povezlo rabotat' vkompanii IT otdel kotoroy stradaet fobiey JavaScript. Vlubom slu4ae eti ludi doljni polu4it' dostup kkontentu sayta.

V sleduu6ey stat'e serii budut rassmotreni neskol'ko metodov primenenia stiley kkontentu su4etom progressivnogo ulu46enia.

Obolo4ka

Poslednee, 4to ostaetsa dobavit' kproduktu eto JavaScript. Skripti, dau6ie 6irokie vozmojnosti vzaimodeystvia spol'zovatelem, vozmojnost' manipulirovat' sloami kontenta ipredstavlenia — deystvitel'no vajniy ingredient, kotoriy pozvolaet proizvesti napol'zovatela xoro6ee vpe4atlenie.

A neznau naskol'ko trudno sdelat' obolo4ku dla M&M (xota dogadivaus', 4to araxis v6okolade okunaut vsootvetstvuu6uu smes'), nodobavit' noviy funkcional spomo6'u JavaScript o4en' prosto esli videlaete eto vsootvetstvii skoncepciey progressivnogo ulu46enia. To4no tak jekak M&M mojet bit' raznix cvetov, sloy JavaScript mojet otli4at'sa vzavisimosti otvozmojnostey brauzerov iustroystv spomo6'u kotorix posetiteli prosmatrivaut sayt.

Vi navernaka znaete, 4to takoy podxod kispol'zovaniu skriptov nazivaetsa nenavaz4iviy (unobtrusive) JavaScript, emu budut posva6eni tret'a iposlednaa stat'a serii.

Soberem vse vmeste

Razrabotka sprogressivnim ulu46eniem nasamom dele o4en' prosta, stoit tol'ko ponat' samu koncepciu ina4at' eeispol'zovat', vozmojno eto daje pro6e prigotovlenia konfet. Sleduu6ie dve stat'i etoy serii pomogut vam osvoit' razrabotku sispol'zovaniem progressivnogo ulu46enia, ipokajut kak filosofia prevra6aetsa vkod.