CSS-Sprajtovi: opis osnovne tehnike i korisne savete

Moderni stranice da bude brz, lijep i efikasan kako u fazi razvoja, a kada se radi sa klijentom. Po pravilu, svaka kompanija koja stvara online resursa, traži da imaju svoje lice, da privuče posetioce svojim dizajnom, stil, pouzdanost, brzinu i druge atribute.

Korisni svojstva Sprajtovi

CSS-Sprajtovi mogu poboljšati i kvalitativnih karakteristika lokacije i imidž kompanije. U svojoj suštini, to nije previše komplikovano razvojni alat, ali zaista ubrzava razvoj procesa i resursa, a brzina njihovog rada.

Između ostalog, to pojednostavljuje kod i, u određenom smislu, to je prenosiv na druge resurse koji, s obzirom na to da se koristi CSS-sprajtove su slične kao i bliže rodbine, jer možete koristiti dijalog isti grafički ideje, dizajn stil elementi, struktura i sadržaj oznaka.

U normalnim razvoja lokacije učiniti dosta slika. Vrlo često, ove slike zauzimaju vrlo malo prostora, ali su uvijek poseban fajl. Za bilo koji operativni sistem bilo koji server otvaranje datoteke - ove operacije, dugotrajan, međutim, neće značajno se razlikuju u odnosu na vrijeme kada je datoteka otvorena je na 13 do 13 piksela, a kada se datoteke otvorene od 16 slika 52 od 52 piksela. U prvom slučaju, imate 16 slika i 16 otvoreno / čitati operacija, u drugom slučaju će 16 slika se dobiti kao rezultat otvaranja samo jedna datoteka.

Ako kreirate skup datoteka na temu (horizontalnom meniju, oblici dijaloga, dizajn elemenata kalkulator tipke kalendar ...) da takve slike mogu se kombinirati fleksibilno preselio iz lokacije do lokacije.

Loša strana

Kada su navijači, previše nestašan preporučuje se upotreba CSS sprites nužno oni koji su pažljivo proučavaju pitanje i jasno pokazuje da je uvijek praktično raditi na starinski način.

Zaista, ako postoji jedan fajl od 16 slika, umjesto 16 otvorenih / čitati operacija će biti jedan umjesto 16 datoteke slika. Ali trik je da svaki browser ima keš, i to učitava nešto što samo u krajnjoj nuždi. Osim toga, obično elemente stranice se učitavaju kada ste prvi put posjetite stranicu, a zatim puniti samo promijenilo.

Još jedan aspekt. Tipično, slika se smanji, a ne lijepi na jednu datoteku. Nekako je razvio tehnologiju, bolje je reći, običaj. Dizajner stvara izgled i raspored koristi svoje komada fino narezane komade raspored. Protivnici Sprajtovi vjeruju da pokupiti nekoliko slika u jednoj datoteci - konzumiranje aktivnosti, što povećava ukupni dizajn stranice.

Ima onih programera koji vjeruju i optimizirati broj HTTP-zahtjeva, smatrajući da je ovo zanimanje je više pragmatična od CSS-sprites.

Sva vremena navedene su nesumnjivo važni, ali mnogo važnije je pogled: treba primijeniti u razumnim granicama.

Automatizacije i CSS-Sprajtovi

Ako nema smisla za pokretanje CSS Sprajtovi generator i da desni dio dizajna, onda ništa ne sprečava jednostavno čine ovaj dio na uobičajen način. Ako konvencionalnih tehnologija čini da je potrebno smanjiti stotine slika, poželjno je da se skicira JavaScript-funkcija, koja nužno će izabrati željenog područja sprite i prikazati ga.

Treba napomenuti, međutim, da je duh od dva ili tri elementa, ili drugih desetak - sve u redu, ali kada je u sprite stotine crteža, od kojih neke imaju pisanje problema JavaScript funkcije, naravno, neće doći, ali koliko posla će biti potrebno za stvaranje tako veliki duh ... Osim toga, ljepilo slike - ovaj CSS sprite generator i čini željenu sliku, i CSS-code za to nije briga koliko će konstitutivni elementi sprite. Problemi nastaju kada preuređenje sajt dizajn promjene, uklanjanje i dodavanje novih elemenata. Razvijanje sprite, ne bi trebalo razmišljati o tome kako da ga koriste, i kako se onda promijeniti.

Predmet korist koristeći Sprajtovi

Za razliku od CSS programskih jezika, ovo je relativno statički skup pravila sve njegove dinamike je određena pravila i njihove funkcionalne sadržaj (standard). S obzirom na sprajtova u kompleksu, HTML, CSS može stvoriti tematske-funkcionalni dizajn biblioteke.

Na primjer, gotove verzije izbornika: jednostavno povezivanje više CSS-pravila, js-funkcija i uključuju broj kod HTML-div, možete dobiti rezultat. Promjenom sadržaja imidža sprite, možete promijeniti izgled menija. Navodeći tijelo funkcije, možete podesiti funkcionalnost.

Dobiti neobičan varijanta objektno-orijentirano programiranje (OOP). Naravno, bilo bi sjajna ideja, ali to neće biti previše pametan da se ističu na pozadini drugih OOP jezika, dijalekata pravi. To je samo u ranim 90-ih, kada je PLO oživio i postao neuobičajeno brzo dobiti mjesto na suncu, to je specifična ideja i konkretan oblik njegovog izražavanja, ali sada programeri su došli do što više dijalekata koliko ima ima raznolik ruski.

Igračke - bonanca za Sprajtovi

Uzbuđenje i programiranje - nespojivo pojmova, ali programiranje vještine, pisanje igre, je značajno razlikuje od obschebytovoy (jednostavni enkripciju) i kreativno (dizajn i razvoj novih tehnologija, ideja).

Game Design žalbe na vektorske grafike, jer kombinacija SVG sprajtove + CSS-pravila ne samo potražnje, ali često postaje predmet developer (lokacije) za predmet prava igra. Konkretno, popularne igre Counter Strike primjenjuju na uslovima sprajtova, sprejevi sasvim smislene Sinonimi: eksplozije, krv, prizor ...

Fraza "postaviti sprite css V34" za pokretanje je sasvim normalno i razumljivo. Sprajtovi se naći ne samo u korištenju komunalnih, u suštini, ali i formira niša, što je prilično potpuno funkcionalan, pristupačan i jednostavan za shvatiti određeni krug potrošača.

CSS-Sprajtovi: Primer

razne opcije za određeni jezik za prebacivanje stranice na sajtu se koriste, ali ako selektor jezika za obavljanje kao ikona, rješenje koristeći sprite može izgledati ovako:

Očigledno nedostaci Sprajtovi

Prije svega, to je dugotrajan i pedantan proces. To je jedna stvar - da se smanji dizajn u male komade, a drugi - za prikupljanje slika mnogo malih. Nanesite ideja platna i stavite ga na sve slike se koristi na sajtu je potpuno uzaludan.

Čak i uz pomoć CSS sprajtove Generator, poteškoće se ne može izbjeći, pogotovo kada je potrebno da promeni dizajn sajta. Dodajte u nekoliko desetina Sprite slika - to nije niz elemenata, grafike imaju grafiku, obično se samo prikazuju na ekranu, umjesto sortiranjem kod kao niz pronaći pravu stavku.

Standard i programeri nakon njegove tvrdnje da je kao sprajtove povezane s pozadinom politikom Rabljeno, to je samo pozadinsku sliku, a ne element stranice. Grafički sastavnih elemenata stranice treba manipulirati tag IMG.

Teško je da se dogovore o jednostavnom osnovu toga, kada je dovoljno pozadini doživljava kao zajednički pozadini. To je samo u pozadini, bez obzira na sve - minijaturni elementa ili cijele stranice.

U međuvremenu, grafički komponenta predstavlja ozbiljnu prepreku za korištenje sprajtova.

razumno korištenje

Uprkos činjenici da su termini "Internet tehnologija" i "visoke tehnologije", smatra se da je sinonim, u stvari, to je dugotrajan, a ponekad i vrlo low-tech posao. Sprajtovi nisu posebno obučeni u odnosu na druge uska grla u čistoj programiranje u JavaScriptu ili PHP-u, kao i na razvoj potrebne funkcionalnosti, postavljanje procesa popunjavanja mjesta ili informacije, kao što je u pozadini stvoriti arhiva primjeraka.

Moć i perspektive korištenja sadržaja sistema upravljanja često poravnala nijanse njihove praktične primjene i razvoj upotrebu resursa, po pravilu, dovodi do potrebe za 1001. vrijeme da prepravi jedan ili drugi vlasnički algoritam.

U tom kontekstu, važno je da se jednostavno razumno koristiti sve koji pruža moderan alat. Nemojte biti previše željan da koristite jedan preko drugog, i zlatno pravilo u gradilištu glasi: treba da ne mislim o tome kako da prođe rad što je prije moguće, i kako ga izvršiti tako da u slučaju bilo kakvih nepredviđenih situacija se može brzo riješiti bilo koji problem.