Zer dira eta zergatik erabili behar dituzu
CSS saltzaileen aurrizkiak, CSS arakatzailearen aurrizki gisa ere ezagutzen direnak, arakatzaileen arduradunentzat CSS funtzio berrietarako laguntza gehitzeko modu bat dira nabigatzaile guztietan guztiz onartzen diren funtzio horiek aurretik. Hau proba eta esperimentazio epea izan daiteke, arakatzailearen fabrikatzaileak CSS funtzio berri horiek nola ezarriko dituen erabakitzeko. Aurrizki hauek oso ezagunak izan ziren duela urte batzuk CSS3rekin .
CCS3 lehen aldiz sartu zenean, ilusioz beteriko propietateak hainbat nabigatzaile ezberdinetan hasi ziren. Esate baterako, webkit-powered nabigatzaileak (Safari eta Chrome) lehenak ziren animazio-estiloko zenbait propietate aurkeztu zituzten, hala nola eraldaketa eta trantsizioa. Saltzailearen aurrizkiaren propietateak erabiliz, web diseinatzaileek beren lanean egin ditzaketen funtzio berriak erabili eta berehala onartzen dituzten nabigatzaileetan ikusi dituzte, beste arakatzaileen fabrikatzaileek itxaroten dute itxaron beharrean!
Beraz, aurrez aurreeko web-garatzaile baten ikuspuntutik, arakatzailearen aurrizkiak CSS funtzio berriak gehitzeko erabiltzen dira gune batean, nabigatzaileek estilo horiek onartzen dituztela jakiteaz gain. Hau bereziki lagungarria izan daiteke arakatzailearen fabrikatzaileek propietateak modu ezberdinetan edo sintaxi ezberdinetan ezartzen dituztenean.
CSS arakatzailearentzako aurrizkiak erabil ditzakezula (horietako bakoitza beste nabigatzaile ezberdin batentzat):
- Android: -webkit-
- Chrome: -webkit-
- Firefox: -moz-
- Internet Explorer: -ms-
- iOS: -webkit-
- Opera: -o-
- Safari: -webkit-
Kasu gehienetan, CSS estiloko estilo berri bat erabiltzeko, CSS estandarraren jabetza hartu eta arakatzaile bakoitzaren aurrizkia gehitu. Aurrizki bertsioak beti lehenengoa izango litzateke (nahi duzun edozein ordenatan) CSS propietate arrunta azkeneko aldiz etorriko den bitartean. Adibidez, CSS3 trantsizioa dokumentu bat gehitu nahi baduzu, trantsizio-propietatea erabili beharko zenuke behean bezala:
trantsizioa: 4 erraztasuna;
-moz- trantsizioa: 4s erraztasuna;
-ms- trantsizioa: 4s erraztasuna;
-O trantsizioa: 4 erraztasuna;
trantsizioa: 4 erraztasuna;
Oharra: Gogoratu, nabigatzaile batzuek beste propietate batzuen sintaxia ezberdina dute eta, beraz, ez dute gain hartzen jabetza-bertsioaren arauaren aurrizkiaren propietate estandarra bera dela. Adibidez, CSS gradientea sortzeko, lerro-gradientearen propietatea erabiltzen duzu. Firefox, Opera eta Chrome eta Safari bertsio modernoek erabiltzen dute propietatea aurrizki egokia Chrome eta Safari-ren bertsio goiztiarrek prefixed jabetza -webkit-gradient erabiltzen dituztela. Gainera, Firefox-ek estandarrak baino balio ezberdinak erabiltzen ditu.
Zure deklarazioa CSS propietatearen bertsio arruntaren eta aurrebistan ezarrita dagoen arrazoia da, beraz arau batek arau hori onartzen duenean, hori erabiliko du. Gogoratu nola CSS irakurtzen den. Geroago arauek lehenago baino lehentasun gehiago hartzen dute berezitasuna berdinak baldin badira, nabigatzaile batek arau baten saltzailearen bertsioa irakurri eta normala onartzen ez badu erabiltzen du, baina behin egiten duenaren ordez, saltzailearen bertsioa gainidatziko du benetako CSS araua.
Saltzailearen aurrizkiak ez dira hack
Saltzaileen aurrizkiak lehen aldiz sartu zirenean, webgune askok galdetu zieten hack edo web orriaren kode bat nabigatzaile desberdinetara heltzeko egunen ilunera itzultzeko (gogoan izan " Gune hau hobeto ikus daiteke IEn "). CSS saltzaileen aurrizkiak ez dira hackegiak, ordea, eta zure lana erabiltzeari buruz ez daukazu inolako erreserbarik.
CSS hack batek beste elementu edo propietate bat ezartzean akatsak ustiatzen ditu ondasunak behar bezala funtzionatzeko. Adibidez, kutxa eredu hackek hutsuneak ustiatu ahots-familiaren jabetza analizatzean edo nabigatzaileek alderantzizko barra alderantzikatzen dutenean (\). Baina hack hauek Internet Explorer 5.5 moduak kutxa-eredua nola kudeatu zuten eta Netscape-k nola interpretatu duen ezartzen duen diferentzia konpontzeko erabiltzen zen, eta ahots familia-estiloarekin zerikusirik ez zuen. Zorionez bi nabigatzaile zaharkitu hauek ez dira egun hauetan kezkatzen.
Saltzaileen aurrizkia ez da hack bat, propietate bat ezarri ahal izateko arauak zehazteko baimena ematen baitu, aldi berean arakatzailearen arduradunak propietate bat modu desberdin batean inplementatzeko aukera ematen du, beste guztia hautsi gabe. Gainera, aurrizkiek CSS propietateekin lan egiten dute, eta azkenean zehaztapenaren zati izango dira . Zenbait kode gehitzen ari gara jabetza lortzeko sarbidea izateko. Honen arrazoi nagusia zergatik CSS araua normala ez den aurrizkiaren propietatearekin amaitzen da. Horrela aurrizkiaren bertsioak jar ditzakezu arakatzailearen euskarri osoa lortzen denean.
Ezaugarri jakin bateko arakatzailearen laguntza zer den jakin nahi al duzu? CanIUse.com webgunea baliabide zoragarria da informazio hau biltzeko eta arakatzaileei zein nabigatzaile horien bertsioei esker, gaur egun onartzen duen funtzio bat.
Saltzailearen aurrefabeak gogaikarriak dira baina aldi baterakoak
Bai, gogaikarriak eta errepikakorrak izan litezke 2-5 aldiz propietateak idazteko nabigatzaile guztietan lan egiteko, baina aldi baterako egoera da. Adibidez, orain dela urte batzuk, idatzi behar zenuen kutxa biribildu bat ezarri behar duzu:
-moz-border-radius: 10px 5px;
-webkit-border-goi-ezkerreko erradioa: 10px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 5px;
ertz-erradioa: 10px 5px;
Orain, orain, nabigatzaileek ezaugarri hau guztiz onartzen dutela, bertsio estandarizatua bakarrik behar duzu:
ertz-erradioa: 10px 5px;
Chrome 5.0 bertsiotik aurrera onartzen du 5.0 bertsiotik, Firefoxek 4.0 bertsioan gehitu du, Safari 5.0 bertsioa, Opera 10.5, iOS 4.0 bertsioa eta Android 2.1 bertsioan. Nahiz eta Internet Explorer 9k aurrizkirik gabe onartzen du (eta IE 8 eta behekoak ez du aurrez aurre edo gabe onartzen).
Gogoratu beti nabigatzaileek aldatzen ari direla eta nabigatzaile zaharragoak babesteko hurbilketa sormenek behar izango dituzte metodo modernoenen atzean urteak daramatzaten web orrialdeak eraikitzen ari ez bazara. Azkenean, arakatzailearen aurrizkiak idaztea askoz ere errazagoa da etorkizuneko bertsioan ziurrenik konponduko diren akatsak aurkitzea eta ustiatzea baino. Horrela, beste errore bat aurkitu ahal izango duzu, ustiatzeko eta abar.