, en opdatering af nettuts + prefixr,,,,, 1,,,,,,,,, 42,,,,,,, det cyber - mandag envato tuts + kurser vil blive reduceret til $3.- og' t miss.,, mange af dem vil være klar over, at vi for nylig lanceret en nyttige web service, kaldet nettuts + prefixr.heldigvis er det redskab, er kommet langt siden lanceringen, som jeg har mast utallige insekter, og tilføjet nogle pæne nye elementer.jeg vil gerne give dig en hurtig oversigt over den aktuelle situation i værktøj, samt hvordan man bruger det.,,,, - - hvad er prefixr?,, prefixr tager alle de væmmelige css3 præfikser, vi skal - - igen og igen, og gør det af med dem!hvis du skaber din stylesheets ved hjælp af den officielle syntaks, kan du så, i anvendelse, løb din rene stylesheet gennem prefixr, og det skal straks ajourføre deres stylesheet til at omfatte alle de nødvendige præfiks.,, på denne måde, du behøver ikke at beskæftige sig med at huske, hvorvidt en særlig css3 ejendom kræver en, - - præfiks eller ikke.denne viden er bygget ind i prefixr. lad os gennemgå en hurtig eksempel.nedenfor, har jeg nogle spredte css - det er der hårdt brug for en ajourføring.bemærker, at nogle steder, vi kun har erklæret en, - - præfiks; i andre områder, vi har anvendt den officielle syntaks osv. rubrik (uklarhed:. 5}. container (rubrik skygge: 20px; - moz overgang: rubrik skygge 2s - webkit grænse radius: 4px; animation - glid 1s suppleant; baggrund: lineær gradient (top,&#e3e3e3 10%, hvide)} @ - webkit keyframes "glider" (0% (til venstre: 0} 100% {tilbage: 50px;}}, modtaget den kode ovenfor, og sæt det ind på prefixr.i vender tilbage, vil du modtage:,. rubrik (- ms - filter: "progid: dximagetransform. microsoft. alfa (uklarhed = 50)" filter: alfa (uklarhed = 50); uklarhed:. 5}. container (- webkit rubrik skygge: 20px; - moz rubrik skygge: 20px; rubrik skygge - 20px; - webkit overgang: rubrik skygge 2s - moz overgang: rubrik skygge 2s - o-transition: rubrik skygge 2s. - fru overgang: rubrik skygge 2s; overgangen: rubrik skygge 2s - webkit grænse radius: 4px; - moz grænse radius: 4px; grænseoverskridende radius: 4px; - webkit informationskampagne: - 1 suppleant; - - informationskampagne: - 1s suppleant; - ms informationskampagne: - 1s suppleant; informationskampagne: - 1s suppleant; baggrund billede: - webkit hældning (lineær, venstre øverste, venstre bunden, color-stop(10%, #e3e3e3), to(white)); background: -webkit-linear-gradient(top, #e3e3e3 10%, white); background: -moz-linear-gradient(top, #e3e3e3 10%, white); background: -o-linear-gradient(top, #e3e3e3 10%, white); background: -ms-linear-gradient(top, #e3e3e3 10%, white); background: linear-gradient(top, #e3e3e3 10%, white); } @keyframes "slide" { 0% { left: 0; } 100% { left: 50px; } } @-moz-keyframes "slide" { 0% { left: 0; } 100% { left: 50px; } } @-webkit-keyframes "slide" { 0% { left: 0; } 100% { left: 50px; } } @-ms-keyframes "slide" { 0% { left: 0; } 100% { left: 50px; } }, Wow - that's a lot of duplicate styling. men desværre er det nødvendigt på dette tidspunkt.hvis du vil have din web ansøgninger skal være så ensartet som muligt fra browser til browser, du er nødt til at bruge disse forskellige præfikser.men man kan forestille sig, at det hurtigt kan svulmer din kode.det er derfor, prefixr er så hjælpsom.skabe din stylesheets ved hjælp af den officielle syntaks, og så køre det igennem prefixr, når de anvender, eller når du har brug for en omlægning.,, jeg ønsker ikke at kopiere og pasta til prefixr, ingen bekymringer.- det gør jeg heller ikke.i prefixr.com er kun én mulighed for at ajourføre deres stylesheets.jeg foretrækker at bruge det i min favorit kode redaktør.tak til de forskellige brugere, der er en håndfuld plugins og manuskripter, der er til rådighed for den mest populære redaktører.for eksempel, som en ophøjet tekst bruger, jeg personligt vil bonds "sublim prefixr" stik af, som fungerer godt. nu kan jeg aldrig at have manuelt at besøge prefixr og kopi og pasta, min stylesheet.jeg vælger den smule css, som jeg ønsker at optimere og type, ctrl + alat + x, vinduer og linux, eller cmd + ctrl + x, osx., redaktører liste, se nedenfor for den nuværende liste over støttede redaktører.,, textmate kommandoer, der er utallige textmate brugere derude, lad os skabe en ordre, som løber gennem en udvælgelse prefixr, og resultatet i skrivepladen.inden for textmate, kigge til bundt redaktør, og skabe en ny ordre.,, pasta til følgende "kommandoen" textarea.det vil tage de udvalgte tekst, kør det gennem prefixr, og en kopi på din tavle.næste, tildele en aktivering nøgle, og du er klar!det er nyttigt, hvis du foretrækker at oplagre det forud fastsatte resultater i en særskilt stylesheet., - - ssd "css = $tm_selected_text" "http://prefixr.com/api/index.php"