Ew çi ye û hûn çima hûn bikar bînin
CSS-vendor prefixes, hin carî an jî wekî browser browser CSS, pêşniyare ye ku ji bo gerokkerên ku piştgirî ji bo taybetmendiyên CSS-ê nû bike, pêşiya wan pêşniyarên ku di tevahiya gerokên wan de piştevanîya piştevanî têne kirin. Ev dikare di dema celeb û tecrûbeya ceribandinê de pêk anîn ku derheqê gerbera makîneyê bi awayekî diyarkirî diyar dike ka ev taybetmendiyên nû yên CSS dê pêkanîn. Ev pêşnivîsên ku bi çend salan beriya zêdebûna CSS3 3-ê gelekî populer bû.
Dema ku CCS3 yekemîn tête destnîşan kirin, taybetmendiyên gelek xemgîn kir destpê kir ku di demên cûda de celebên cuda cuda dikin. Ji bo nimûne, gerokên hêzdar ên webkit (Safari û Chrome) pêşîn bûn ku hin taybetmendiyên hûrgelan-ên wekî mîna guhertin û veguherînê pêk bikin. Bi taybetmendiyên pêşniyazên pêşnavê bikar bînin, sêwirînerên webê bikar anîn ku karên wan yên nû di karê wan de bikar bînin û wan li ser gerokên ku ji wan re piştevanîya wan piştgirî bûne dîtine, lê li ber ku li benda ku her sêwirkerê dinê bikişînin bisekine!
Ji ber vê perspektîfê ya pêşveçûna malpera pêş-end-ê, browser prefixes tê bikaranîn ku taybetmendiyên CSS yên nû li ser malpera ku dişewitîne de bizanin ku zaniyar dê wan styles. Ev dikare bi taybetî dibe ku dibe ku dema gerokkerên cuda yên hilberan hilberên taybetmendî di hinek awayên cuda de an jî bi syntaxên cuda cuda bikin.
Sernavê CSS-ê pêşniyar dike ku hûn dikarin bikar bînin (her kesek ku ji bo gerokên cuda cuda ye) bikar ne:
- Android: -webkit-
- Chrome: -webkit-
- Firefox: -moz-
- Internet Explorer: -ms-
- iOS: -webkit-
- Opera: -o-
- Safari: -webkit-
Di piraniya rewşan de, da ku ji bo malbata CSS ya nû ya nû bikar bînin, hûn xaneya CSS ya standard binirxînin û her pêşniyarê ji bo her pêşniyarek zêde bike. Guhertoyên pêşniyazkirî herdem herdem hebe (di her tiştî de hûn dixwazin bijartî), dema ku xaneya CSS-ê dê dawî bibin. Ji bo nimûne, eger hûn dixwazin belgeya CSS3 veguherîna xwe ya belgeyê bikin, hûn ê li derheqê veguherîna veguherîna karanîna bikar bînin wekî jêrîn nîşan dide:
-webkit- veguherîn: hemû 4s hêsan e;
-Moz- veguherîn: hemû 4s hêsan e;
-ms- veguherîn: hemû 4s hêsan e;
-o- transition: hemû 4s hêsan e;
veguherîn: hemû 4s hêsan e;
Têbînî: Ji bîr bînin, hinek browsers ji bo hin taybetmendiyên hinek ji wan re syntaxên cuda hene, ji ber vê yekê wateya ku versiyonê gerok-pêşnavî ya xerîb wekhev wekî standarda standard. Ji bo nimûne, ji bo mîhengên CSS çêbikin , hûn bikar tînin xaniyê linear-gradient. Firefox, Opera, û versiyonên nû yên Chrome û Safari bikar anîna ku ji ber pêşdibistana pêşîn a pêşpaceyê, dema ku kevnên destpêkê yên Kûro û Safarî bikar tînin, xwedan -webkit-gradient bikar tînin. Her weha, Firefox ji hêla standardên cuda cuda dike.
Sedema ku hûn herdem bi daxuyaniya xwe ya normal, nexşterkirî ya guhertoya CSS-ê ye, ew e ku ew gavê ger gerok piştgirî dike, ew ê wê bikar tîne. Baweriya CSS çawa dixwîne. Qanûnên paşîn li ser pêşdibistanên pêşîn heger heke taybetmendiyek heman e, lewma gerokterek pirtûka venderor a rêbazek bixwînin û bikar bînin ku eger ew piştgirî nermalek yek, lê ew ê paşê piştgirî dike rêbazên CSS-ê rastîn.
Pêşniyarên Vendor Ne Hack a ne
Dema ku pêşdibistanên vendor pêşî bûne, gelek profesorên pispor dihêle ku heb an hack yan paş veguhestina paşîn a malpera malpera ku ji bo gerokên cuda yên piştevanîya piştevanîya (piştgiriya wan " ev e-nameyên " IE ") çêtirîn dîtin . Lêbelê CSS vendors pêşniyar ne ne, lê, divê hûn li ser karê xwe bikar bînin nîne.
A CSS hack di pêkanîna pêkanîna yekem an materyaliyek din heye, da ku ji bo milkê din jî bi rastiyê kar bikin. Ji bo nimûne, modela boxê hack di parsingê dengê malbata malbata an jî di navnîşan de çawa browserên backslashes (\). Lê ev hacks bi karanîna pirsgirêkê cûda kirine ku di navnîşa Internet Explorer 5.5 de modela qutaxa destnîşan kir û çawa çawa Netscape veguherand, û tiştek tune ku bi şêweya malbata malbatî re tune. Bi sipasî van herdu browsenên me yên ku em bi van rojan de ne fikar in.
Pêşniyarek vendor ne hack ne ji ber ku ev destnîşan dike ku qaîdeyên çawa çawa dibe ku çiqas xilas bibe, lê di heman demê de gerîgerên makersê ku destûra bazirganî li ser riya hemî tiştek din vebigere malek bicih bikin. Wekî din, ev pêşnavên taybetmendiyên CSS bi kar bîne ku dê bibe beşek beşek taybet . Em bi tenê hinek kodê digerin ku ji bo destûra zeviyên xwediyê zûtirîn. Ev sedemek e ku hûn qaîdeyên CSS-ê bi reklama normal, ne-prefixed were dawî kirin. Wê awayî hûn paşê pêşniyarên pêşnavê bistînin piştî ku tevahiya gerdûnî full full wergirtine.
Dixwazin ka geroka ku ji bo taybetmendiyek hinekî piştgirî dike ka bizanin? Malpera CanIUse.com ji bo vê agahdarî kombûnê ye ku hûn agahdar bikin û hûn dizanin ku kîjan browserên, û kîjan guhertoyên wan gerokên, niha jî destekek piştgirî dikin.
Pêşniyarên Vendor Pêşniyaz lê Temen in
Erê, dibe ku hêrs û tengahiyê bikişînin ku ji bo xeletiyên 2-5 carî binivîsin ku ji bo hemî gerokên kar bixebite, lê ew rewşek demkî ye. Ji bo nimûne, tenê çend salan, ji bo kûlekê li ser kûçek veşartin ku we nivîsandibû:
-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;
border-radius: 10px 5px;
Lê belê niha ku gerokên ku bi tevahî vê taybetmendiyê piştgirî bibin, hûn bi tenê bi pisporên standard standardî hewce ne.
border-radius: 10px 5px;
Chrome ji 5.0-ya versionê ya CSS3-ê piştevanîya piştgirî kir, Firefox ji vê versiyonê 4.0-zêde got, Safari got 5.0, Opera di 10.5, iOS-4.0, û Android in 2.1. Heta Internet Explorer 9 bêyî pêşnivîsa wê piştgirî dike (û IE 8 û jêrîn ew bi piştgirî an jî bêyî pêşnavê piştgirî ne).
Bîr bîr bînin ku gerîla herdem herdem guhertin û rêbazên krîterê ji bo gerokên kevnar ên piştevaniya piştevaniyê dê hewce ne, heya ku hûn li ser pirtûkên înternetê çêbikin ku çend salan rêbazên nûjen in. Di dawiyê de, pêşnivîsa geroksiyonê nivîskî ji hêla lêgerîn û şaşkirina karanîna ku hê bêtir di versiyonek pêşerojê de bêne pejirandin, hêsanî ye ku hûn çewtiyek din bibînin ku bi kar bînin û wusa.