I web browsers sò stati à circà mentre e siti web sò. Infatti, i navigatori sò un ingredientu indispensèvule in l'sperienza o a ghjente chì vede u vostru situ - ma micca tutti i navigatori sò creati equitatamente. Hè intettu à tuttu (è veramente abbastanza probabilmente) di avè un cliente chì visualizeghja a vostra pàgina web in i navigatori chì sò assai viechji è mancendu e funzioni chì si trovanu in i navigatori più moderni. Questa puderebbe presentà prublemi significativu quant si aduprate à sviluppà siti chì pruvenite di l'ultimi avanzati in u dizziunariu è u sviluppu di u situ . Sì qualchissia vene à u vostru situ cù unu di quelli browsers antiquatu, e i vostri tecnichi avanzati ùn sò micca travagliati per elli, pudete esse furnisce una sperienza povira generale. A realizazione progressiva hè una stratighja di manipulazione di a pagina web per i navigatori distinti, à dì i vechji browsers chì mancani di u supportu mudernu.
A realizazione Progressiva hè una manera di designà e pagine web per quessa, a più funzionale un sustegnu di l'utilizatore, u più funziunalità a pàgina web avarà. Hè u cuntrariu di a struttura di disignu chjamata di gràzia grazia . Questa estratoscia compite e pagine per i navigatori più moderni prima è pò seguità chì ancu di travaglià boni boni cun belli browsers funziunanti - chì l'sperienza "degrada graziamente". Cumplementu progressiu cumencia cù l'arme navigatori menu capunanzu è custruisce una sperienza da quì.
Cumu utilizà Avanzzione Progressiva
Quandu create un uttellu Web cù a valurizazione per u prugressivu, u primu averete bisognu hè di creà un disignu chì travaglia per u denominatore cumuni cumuni di i web browsers. À u so core, a furmazione progressive dice chì u vostru cuntenutu devi esse dispunibili per tutti i web browsers, nò solu un subgruppu. Questu hè per quessa cuminciare cum'è paragune à quelli browsers antichi, antichi è dispunibuli. Cù create un situ chì pò travaglià bien per elli, sapete chì avete creatu una linea di basi chì devenu esse cumprenziate almenu una experience utilizable per tutti i visitatori.
Quandu si cuminciassi cù i navigatori minimi cumpilenti, vi vulete assicurà chì tuttu u vostru HTML deve esse validu è semanticu correttu. Questu hà aiutu à assicurà chì a più larga varietà di l'agenza di usu pò vede a pagina è a visualizà cun precisa.
Ricurdà chì i stili di designe visuale è u prugramma generale hè aghjuntu cù u listinu esterni . Questu hè veramente induve u sviluppu progressiu. Aduprate a stile di carta per creà un locu di designe chì travaglia per tutti i visitatori. Puderete pudite aghjunghje stili supplementari à valurizà a pàgina chì l'agenti d'utilizatore acquistà funziunalità. Ogni omu piglia a stile di basi, ma per ogni navigatore di novità chì ponu supportà i stili più avanzati è muderni, aghja un pocu extra. Pudete "sviluppu progressiu" a pagina per i navigatori chì ponu sustene quelli stili.
Ci hè un pocu di modi chì vi pudete applicà un accunciamentu progressiu. U primu, pudete cunsiderà chì u web browser si ùn capisce micca una linea di CSS - l'ignora! Questu ci hè travagliu in u vostru piace. Se create un basile set di stili chì tutti i navigatori fannu capiri, pudete dopu aghjunghje stili supplementari per i navigatori novi. Se sustene i stili, l'appricàvanu. Sì ùn sì, ùn l'ignurendinu è aduperà quelli stili di basi. Un esempiu simplice di sviluppu progressiu pò esse vistu in questa CSS:
.main-content {
Fondo: # 999;
Fondo: rgba (153,153,153, .75);
}
Stu stili primu stabilisce i sfondate di un culore grisgiu. A seconda regula usa i valori di colore di RGBA per definisce un livellu di trasparenza. Se un navigatore accunsente a RGBA, analizeghja u primu stile cun u sicondu. S'ellu ùn hè micca, solu u primu serà appiicatu. Avete stabilitu un color di basi è dopu aghjunghjenu stili extra per i navigatori più moderni.
Utilizà e prezzi
L'altru modu chì pudete applicà a valurizazione prugressiva hè di utilizà ciò chì sò cunnisciuti com "qualità quistioni". Quessi sò simile à i mediate queries , chì sò un pezzi essenziale di i disinni di u situazione chì rispundanu . Quandu i mediate questi u testu per certi mudelli di scrizzione, e ricerche di e funzioni verificà per vede se una certa funzione hè soporta o micca. A sintassi utilizata hè:
@support (visualizazioni: flex) {}Ogni stili chì aghjunghje nunda di sta regula ùn puderebbenu travaglià si questu navigatore sustenia "flex", chì hè l'stili per Flexbox. Pudete stabilisce un sèculu di reguli per ognunu è accede à usu di e quistione per aghjunghje un extra per i navigatori selezziunate solu.
Articulu originale per Jennifer Krynin. Edited di Jeremy Girard u 12/13/16.