Chì sò e cose bisognu à avè usatu
I prefixi di vinditori CSS, ancu alcune cunnisciutu o prefissi di u navigatore CSS , sò un modu per i pruduttori di l'arghjintini per aghjunghje supportu per i funzioni novi CSS prima di questi funti sò sopurteunu soporta in tutti i navigatori. Questu pò esse fattu durante una sorta di prucessu è u prughjettu di l'esperimentazione induve u fabbricantu di u navigatore hà cunsideratu cumu seconduce questa funzioni di novu CSS seranu implementatu. Queste prefissi facenu assai sapendu cun u risu di CSS3 uni pochi anni fà.
Quandu CCS3 hè stata introduttu, unepochi di pruprietà eccezziunata accuminciaru a curriri diversi browserii in diversi tempi. Per esempiu, i navigatori di u webkit (Safari è Chrome) anu da i primi da introduve qualchì proprietà di l'animazione stilosa cum'è transformà è transizione. Utilizendu e proprietà previsti di u venditore, i web designaturi puderanu usà ei funziunalità novi in u so travagliu è avè vistu nantu à i navigatori chì l'appieghjenu direttamente, invece d'avè averà aspessu à tutti l'altri fabbricanti di u vostru navigatore per fà!
Cusì, da a perspettiva di u web developer di fronte, i prefixi di u navigatore sò utilizati per aghjunghje funzioni CSS novu in un situ mentre cunsulazione chì sapendu chì i navigatori sustene u stili. Questu pò esse uttifà uttellu quandu i scheziali di navigatore implementanu propriate in modi ligure o diversi cù una sintassi diversa.
U prefettu di u cercadoru di CSS chì pudete aduprà (quale chì hè specifiche à un browser different) sò:
- Android: -webkit-
- Chrome: -webkit-
- Firefox: -moz-
- Internet Explorer: -ms-
- iOS: -webkit-
- Opera: -o-
- Safari: -webkit-
In a maiò parte di casi, per aduprà una marca nova propriu di CSS, pigliate a propietatea CSS standard è aghjunghje u prefissu di ogni navigatore. I versi prefixi sò sempre prima prima (in ogni modu, preferite) mentre chì a propietata CSS in normale ghjuntu l'ultima. Per esempiu, sè vo vulete aghjunghje una transizione CSS3 à u vostru ducumentu, puderete utilizzate a propria di transizione cum'è nimu quì sottu:
-webkit- transition: all 4s easa;
-moz- transition: all 4s easiness;
-ms- transicione: all 4s easiness;
-O Transizione : all 4s easa;
transizione: all 4s easiness;
Nota: Ricurdativi, certi navigatori possani una sintassi diffusa per certe proprietà di l'altri, perchè ùn assume micca chì a versione fronfèttore di una prupietà hè esattamente ciò chì hè a pruprietà standard. Per esempiu, per creà un gradiente CSS , pudete utilizà a propietata lineale di gradiente. Firefox, Opera è versioni muderni di Chrome è Safari utilizate una pruprietà cù u prefessu apprettu mentre i versioni prima di Chrome è di u Safari aduprate a prefixed property -webkit-gradient. Inoltre, u Firefox utilizeghja parechji valori cà i standard.
A raghjoni chì avete sempre fine a vostra dichjarazione cù a versione normale, non prefixi di a propietata CSS hè cusì chì quandu un navigatore soporta a regula, utilizarà quellu. Ricurdativi chì CSS hè leghje. I regule successivi sò prevalenza nantu à quelli chì anu prublema si l'ispecitati hè a stessa, perchè un liggeru avissi leghjite a versione di vinditore di una regula è l'usu chì si ùn sustene micca u nurmale, ma quandu si fa, anularà a versione di vende cù a regula CSS propriu.
U prefixi di vende ùn sò micca un pirate
Quandu i prefixi di vinditori ghjùbbenu iniziati, parechji prughjezzii di u web anu pregnatu se eranu un pirate o un mudellu novu à i ghjorni scuriti di scaccià u còdice di u situ web per soporta i navigatori distinti (ricordate di quelli messagi " Stu situ hè megliu vistu in IE "). I prefixi di vinditori CSS ùn sò micca persone, ma ùn avete micca avete risposte per l'usi in u vostru travagliu.
Un CSS hack sfrutta difetti in l'implementazione di un antru elementu o pruprietariu per averà altre propietariu per travaglià correttu. Per esempiu, u box model hack sfruttatu i difetti à l'analisi di a famiglia di a voce-famiglia o in cume i navigatori analizanu versioni versi (\). Ma questi chjucchetti sò stati usati per rimpiazzà u prublema di a diffarenza entre chì Internet Explorer 5.5 hà mancu u mudellu di boxe è cumu Netscape l'interprete, è ùn avianu nunda da fà cù l'estilu di famiglia di voce. Furtunatamente, sti dui navigatori anticu sò quelli ùn avemu micca cuncernate cun sti ghjorni.
U prefix di venditore ùn hè micca un piriculu perchè permette l'ispecificazione per creà e normi per a manera chì una prupietà puderia esse implementata, à tempu à u tempu chì i pruduttori di navigatore impone una prupietà in una manera diferente senza spalle di tuttu. Inoltre, queste prefissi sò travagliani cù propietati CSS chì anu da esse una parte di l'ispecificazioni . Simu simpliciamente aghjunghje un pocu còdice per avè accessu à a pruprietà prima. Questa hè una altra rage per quessa chì finiscinu a regula CSS cù a pruprietà normale, micca prefixa. Cusì pudete abbandunà e versioni prefixi una volta chì l'assistenza di u navigatore tutale sia ottinutu.
Vulete sapè cumu quale hè u supportu di u navigatore per una certa funzione? U situ Web CanIUse.com hè un recurrenti maravigghiusu per riunificà sta infurmazione è deve sapete chì i navigatori, è quale e versioni di quelli browsers, soporta da una funzione.
U prefixi di vende sò annosse ma Tempiu
Iè, puderia sentenu avellu è ripetitivu à avè à scrive l 'immubiliate 2-5 volte per acquistà à travaglià in tutti i browseri, ma hè una situazione tempurale. Per esempiu, pocu anni fà, per stabilisce un angelo nurmale in un casu avete bisognu di scrive:
-moz-border-radius: 10px 5px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 5px;
radiu frontiale: 10px 5px;
Ma avà chì i navigatori sò ghjunghjenu à sustenerà tutte sta funzione, veramente solu bisognu di a versione standardizzata:
radiu frontiale: 10px 5px;
Chrome hà sustegnu a proprietà CSS3 da a versione 5.0, Firefox aghjunghjia in a versione 4.0, Safari aghjunghjia in 5.0, Opera in 10.5, iOS in 4.0, è Android in 2.1. Ancu l'Internet Explorer 9 soporta micca un prefessu (è IE 8 è più bassa ùn hà micca sustegnu cù u prefessu).
Ricurdà chì i navigatori sò sempre cambiantesi è i plantezii creativi di sustegnu di i navigatori anzeddi esse dumandatu da esse invece chì avete pruggettu nantu à e custruzione pagine web chì sò anni dopu à i mètudi più muderni. A fine, l'prefissi di u scrittore di scrittore hè assai più faciule d'accede è sfruttamentu l'errore chì anu più predefinitu in una futura versione, esigendo chì avete truvatu un altru errore à sfruttà e cusì.