CSS-sprites: opis osnovnih tehnik in koristnih nasvetov

Moderno mesto, da se hitro, lepo in učinkovito, tako v fazi razvoja, in pri delu s stranko. Kot pravilo, vsako podjetje, ki ustvarja spletne vire, si prizadeva, da imajo svoje obličje, da bi pritegnili obiskovalce s svojo zasnovo, stil, zanesljivost, hitrost in druge lastnosti.

Koristne lastnosti sprites

CSS-sprites lahko izboljša tako kvalitativne značilnosti območja in podobe podjetja. V svojem bistvu, to ni preveč zapleteno razvojno orodje, vendar je res pospeši proces in virov razvoja ter hitrost njihovega dela.

Med drugim poenostavlja kodo in, v nekem smislu, da je prenosni na druge vire, da zaradi dejstva, da so uporabljeni CSS-sprites podobno kot bližnje sorodnike, saj lahko uporabite dialog isti grafičnih idej, oblikovanje slog elementi, struktura in vsebina oznake.

V normalnem poteku razvoja mesta narediti veliko slik. Zelo pogosto, te slike zavzamejo zelo malo prostora, vendar so vedno ločeno datoteko. Za kateri koli operacijski sistem katerega koli strežnika odpreti datoteko - to operacijo, zamudno, pa bo bistveno ne razlikujejo glede na čas, ko je datoteka odprta na 13 z 13 pik, in ko je datoteka odprta od 16 slik, 52 po 52 pik. V prvem primeru, da imate 16 datotek in 16 odprtih / brati operacije, v drugem primeru pa se bo 16 slik, pridobljenih kot rezultat odprtja samo eno datoteko.

Če želite ustvariti nabor spisov na temo (vodoravni meni, oblike dialoga, so oblikovni elementi koledar kalkulator gumbi ...), da takšne slike lahko kombinirajo fleksibilno preselil iz mesta do mesta.

Slaba stran

Ko so ventilatorji, preveč poskočno priporoča uporabo CSS sprites so nujno tisti, ki so skrbno preučuje vprašanje in jasno kaže, da je vedno praktično delo na starinski način.

Dejansko, če je ena datoteka 16 slik, namesto 16. odprto / prebrali operacije bo ena namesto 16 slikovnih datotek. Toda trik je, da ima vsak brskalnik predpomnilnika, in naloži nekaj le v skrajnem primeru. Poleg tega so ponavadi elementi strani naložijo ko prvič obiščete stran, nato pa se nalagajo spremeni samo.

Drug vidik. Značilno je, da je slika cut, ni prilepljen na eno datoteko. Nekako se je razvil tehnologijo, je bolje reči, po meri. Oblikovalec ustvari izgled in postavitev uporablja njegove dele: na drobno narezane koščke postavitev. Nasprotniki sprites verjamejo, da več slik v eni datoteki pobral - dolgotrajen dejavnost, ki povečuje celotno zasnovo strani.

Obstajajo tisti razvijalci, ki verjamejo in optimizirajo število HTTP-zahtev, saj meni, da je ta poklic bolj pragmatično kot CSS-sličicami.

Vsi časi Navedene so nedvomno pomembna, vendar je veliko bolj pomembno, je pogled: to je treba uporabljati v razumnih mejah.

Avtomatizacija in CSS-Sprites

Če nima smisla za vodenje CSS generator in dobili desni del modela, nato pa preprečuje nič enostavno, da to dela na običajen način. Če konvencionalna tehnologija omogoča, da je treba zmanjšati na stotine slik, je bolje, da skico JavaScript-funkcijo, ki je nujno bo izberejo želenega območja sprite in jo prikaže.

Opozoriti je treba, kljub temu, da je Sprite iz dveh ali treh elementov, ali drugih deset - vse v redu, ko pa v Sprite sto risb, nekateri s pisanjem težave JavaScript funkcijo, seveda, ne bo prišlo, ampak koliko dela bo trajalo, da ustvarjanje tako velika Sprite ... Poleg tega, lepilo slike - ta CSS Sprite generator in naredi želeno sliko in CSS-koda za to, mu ni bilo mar, koliko bo sestavni elementi Vilenjak. Težave se pojavijo, ko predelave na stran sprememb oblikovanje, odstranjevanje in dodajanje novih elementov. Razvoj sprite, bi morali ne razmišljajo o tem, kako ga uporabiti in kako ga potem spremenili.

Predmet prednost uporabe sprites

Za razliko od CSS programskih jezikov, to je relativno statičen sklop pravil vsa njegova dinamika se določi v skladu s pravili in njihove funkcionalne vsebine (standardno). Glede na sličicami v kompleksu, HTML, CSS , lahko ustvarite tematsko funkcionalno zasnovo knjižnice.

Na primer, končni različici menija: preprosto priključite multipla CSS-pravila, js-funkcije in vključuje šifro HTML-Divs, lahko dobite rezultat. S spremembo vsebine podobo Sprite, lahko spremenite videz menija. Določanje telo funkcije, ki jih lahko prilagodite funkcionalnosti.

Dobili svojevrstno različico za objektno programiranje (OOP). Seveda bi bilo svetla ideja, vendar to ne bo preveč svetla, da izstopajo v ozadju drugih OOP jezikov, narečij resnično. To je samo v zgodnjih 90. letih, ko je PLO oživel in postal nenavadno hitro pridobijo mesto v soncu, je posebna ideja in konkretna oblika njegovega izražanja, zdaj pa so se razvijalci prišli do čim več narečij, kot je tam raznolika rusko.

Igrače - A Bonanza za sprites

Navdušenje in programiranje - nezdružljivi koncepti, ampak znanja programiranja, pisanje iger, se bistveno razlikuje od obschebytovoy (preprosto šifriranje) in kreativno (oblikovanje in razvoj novih tehnologij, idej).

Igra Oblikovanje apelira na vektorsko grafiko, saj je kombinacija SVG-sprites + CSS-pravil ne samo povpraševanje, vendar pogosto postane predmet razvijalec (na kraju samem) do predmeta pravi igri. Še posebej priljubljena igra Counter Strike uporablja za smislu sprites, pršila precej smiselna Sinonimi: blast, kri, pogled ...

Izraz "nastavljena sprite css V34 je" za začetek je povsem normalno in razumljivo. Sprites najdemo ne le v uporabo koristnosti, v bistvu, ampak tudi oblikovali nišo, ki je precej poln-izrazit, dostopne in razumljive določeno krog potrošnikov.

CSS-sprites: Primer

različne možnosti za določen jezik, da preklopite strani na spletnem mestu se uporablja, če pa izbiro jezika za opravljanje kot ikona, lahko rešitev uporablja sprite videti takole:

Očitne Pomanjkljivosti sprites

Najprej je dolgotrajen in natančen postopek. To je ena stvar - za zmanjšanje zasnovo v majhne koščke, in drugi - zbrati sliko veliko malih. Uporabi idejo platna in jo postavite na vse slike, ki se uporabljajo na spletni strani, je popolnoma nesmiselno.

Tudi s pomočjo CSS sprites Generator, težav ne moremo izogniti, še posebej, če je to potrebno spremeniti obliko strani. Dodaj v nekaj deset Sprite slik - to ni niz elementov, grafika imajo grafiko, to je ponavadi samo prikaže na zaslonu, namesto da kodo razvrščanje kot niz, da bi našli pravo točko.

Standard in razvijalci po njegovi trditvi, da je kot sprites povezana z ozadjem politike uporabljajo samo ozadje slike in ne stran element. Grafične sestavni elementi strani je treba manipulirati oznako img.

To je težko dogovoriti o preprostih razlogov, da ko je dovolj ozadja dojema kot skupno ozadje. To je samo v ozadju, ne glede na to, kaj - miniaturni del ali celotno stran.

Medtem, grafično komponento predstavljal resno oviro za uporabo sprites.

smotrno uporabo

Kljub temu, da je izraz "Internet tehnologije" in "visoke tehnologije", ki se šteje za sinonim, v resnici pa je zamudno in včasih zelo nizko-tech dela. Sprites niso posebej oblečen v primerjavi z drugimi ozkih grl v čisti načrtovanju JavaScript ali PHP, kot tudi pri razvoju potrebne funkcionalnosti, ki določa postopke za polnjenje spletnih strani in informacij, kot so ozadja ustvarili arhivskih kopij.

Moč in možnosti uporabe sistemov za upravljanje vsebin pogosto izenačili nianse njihovi praktični uporabi, in razvoj za uporabo virov, kot pravilo, vodi do potrebe za 1001. čas, da znova en ali drug lastniški algoritem.

V zvezi s tem je pomembno, da le smiselno uporabiti vse, kar predstavlja sodobno orodje. Ne biti preveč nestrpen, da uporabite eno čez drugo, in zlato pravilo v zgradbi mesta se glasi: morate ne razmišljajo o tem, kako takoj opraviti delo, kot je mogoče, in kako to izvesti tako, da se v primeru kakršne koli nepredvidene situacije lahko hitro rešena kakršne koli težave.