CSS-sprites: lýsing á helstu aðferðir og gagnlegar ábendingar

Modern staður til að vera fljótur, gott og skilvirkt, bæði á stigi þróunar, og þegar unnið er með viðskiptavin. Sem reglu, hvert fyrirtæki sem skapar netinu auðlindir, er leitast við að hafa eigin andlit þeirra, til að laða gesti með sinni hönnun, stíl, áreiðanleika, hraða og aðra eiginleika.

Gagnlegar eiginleika sprites

CSS-sprites geta bætt bæði eigindlegar einkenni svæðisins og ímynd fyrirtækisins. Í kjarna þess, það er ekki of flókið þróun tól, en það flýtir mjög ferlinu og úrræði þróun, og hraða vinnu sína.

Meðal annars einfaldar það kóðann og í vissum skilningi, það er flytjanlegur að önnur úrræði sem vegna þess að notaðar CSS-sprites eru svipuð eins og náinna ættingja, vegna þess að þú getur notað sömu myndrænar hugmyndir, stíll hönnun frumefni umræðu, gerð og innihald merkinu.

Í eðlilegum þroska á síðuna til að gera a einhver fjöldi af myndum. Mjög oft, þessar myndir taka mjög lítið pláss, en er alltaf sérstakt skrá. Fyrir einhverju stýrikerfi hvaða miðlara opna skrá - þessa aðgerð, tímafrekt, þó ekki marktækt með tilliti til tíma þegar skrá er opnuð á 13 af 13 punkta, og þegar skrá er opnuð úr 16 myndum 52 frá 52 punktar. Í fyrra tilvikinu, hefur þú 16 skrár og 16 opna / lesa starfsemi, í seinna tilvikinu 16 myndir fáist vegna opnun eina skrá.

Ef þú skapa a setja af skrá um efnið (lárétt valmyndinni, form umræðu, reiknivélin hnappar dagbók hönnun frumefni ...) að slík myndir er hægt að sameina sveigjanlegan flutt frá Site.

The hæðir

Þegar það eru aðdáendur, of Frisky mælt með því að nota CSS sprites eru endilega þeir sem eru að vandlega rannsaka málið og sýnir greinilega að það er alltaf raunhæft að vinna á gamaldags hátt.

Reyndar, ef það er ein skrá af 16 myndum, í stað þess að 16 opnum / lesa rekstur verður eitt í stað 16 mynd skrár. En bragð er að sérhver vafra hefur skyndiminni, og það hleðst eitthvað aðeins sem síðasta úrræði. Að auki eru yfirleitt þætti síðu hlaðinn þegar þú heimsækir fyrst á síðunni, og þá hlaðinn aðeins breytt.

Annar þáttur. Venjulega myndin er skorið, ekki límd einni skrá. Einhvern veginn hefur þróað tækni, það er betra að segja, venju. Hönnuður skapar skipulag og skipulag notar stykki hans: fínskorinn stykki af útlitinu. Andstæðingar sprites telja að tína upp nokkrar myndir í einni skrá - tímafrekt verkefni, sem eykur heildar síðu hönnun.

Það eru þeir verktaki sem trúa og hámarka fjölda HTTP-beiðnir, trúa því að þetta starf er raunsærri en CSS-sprites.

Allir tímar ætlað er án efa mikilvæg, en miklu meira máli er útsýnið: það ætti að vera beitt innan eðlilegra marka.

Sjálfvirkni og CSS-sprites

Ef það gerir ekkert vit í að keyra CSS sprites rafall og fá rétta hluti af hönnun, þá ekkert kemur í veg fyrir einfaldlega að gera upp þessa hluti á eðlilegan hátt. Ef hefðbundin tækni gerir það nauðsynlegt að skera hundruð af myndum, það er æskilegt að skissa JavaScript-virka, sem nauðsyn velur úr viðkomandi svæði Sprite og sýna það.

Það skal tekið fram, hins vegar, að Sprite af tveimur eða þremur þáttum, eða tugi annarra - Allt í lagi, en þegar í sprite hundruð teikningar, sumir með að skrifa JavaScript-virka vandamál, að sjálfsögðu, mun ekki eiga sér stað, en hversu mikil vinna það mun taka að sköpun svo stór Sprite ... að auki, lím myndir - þetta CSS Sprite rafall og gerir viðeigandi mynd og CSS-kóða fyrir það, gerði hann ekki sama hversu mikið mun efnisþáttum Sprite. Vandamál koma upp þegar remaking síðuna hönnun breytinga, flutningur og bæta við nýjum þáttum. Þróa sprite, ættir þú að hugsa um hvernig á að nota það, og hvernig það breytist þá.

Efni hagur af using sprites

Ólíkt CSS forritunarmál, þetta er tiltölulega kyrrstæð setja reglur allt virkari hennar ræðst af reglum og hagnýtur efni þeirra (standard). Miðað sprites í flóknu, HTML, CSS er að búa til þema-hagnýtur hönnun safninu.

Til dæmis, lokið útgáfa af the matseðill: einfaldlega tengja margar CSS-reglur, JS-aðgerðir og fela kóðann fjölda HTML-divs, er hægt að fá niðurstöðu. Með því að breyta innihaldi myndarinnar af Sprite, er hægt að breyta útliti valmyndarinnar. Tilgreina líkama virka, er hægt að stilla virkni.

Fá sérkennileg afbrigði af hlutbundin forritun (OOP). Jú, það væri bjart hugmynd, en það mun ekki vera of bjart til að standa út gegn bakgrunn af öðrum tungumálum OOP, mállýskur alvöru. Það er aðeins í upphafi '90s, þegar PLO var endurvakið og varð óvenju fljótt fá sæti í sólinni, það er ákveðin hugmynd og steypu formi hún birtist, en nú verktaki hafa komið upp með eins mörgum mállýskum sem það hefur fjölbreytt rússnesku.

Leikföng - a Bonanza fyrir sprites

Spennan og forritun - ósamrýmanleg hugtök, en forritun kunnátta, skrifa leiki, er verulega frábrugðin obschebytovoy (flatir dulkóðun) og skapandi (hönnun og þróun á nýrri tækni, hugmyndir).

Game Hönnun höfðar til vektor grafík, vegna þess að samsetning af SVG-sprites + CSS-reglur ekki bara eftirspurn, en oft verður að mótmæla framkvæmdaraðila (á staðnum) á hlut af alvöru leik. Einkum er vinsæll leikur Counter Strike gilda um skilmála sprites, sprey alveg máli Samheiti: sprengja, blóð, sjón ...

Orðasambandið "að láta Sprite CSS v34" fyrir frumkvæði er alveg eðlilegt og skiljanlegt. Sprites finnast ekki aðeins í notkun gagnsemi, í raun, en einnig myndast sess, sem er alveg fullur-lögun, affordable og þægilegur til skilja ákveðna hring neytenda.

CSS-sprites: Dæmi

a fjölbreytni af valkostur fyrir tiltekið tungumál til að skipta síður á vefnum eru notuð, en ef tungumálið val til að framkvæma eins og tákn, lausnin með sprite getur að líta svona út:

Augljós galli sprites

Fyrst af öllu, er það tímafrekt og nákvæmlega ferli. Það er eitt - að skera hönnun í litla bita, og hins vegar - að safna mynd af mörgum litlum. Berið hugmynd striga og setja hana á allar myndirnar notuð á vefnum er algjörlega tilgangslausar.

Jafnvel með CSS sprites Generator, erfiðleikar ekki hægt að forðast, sérstaklega þegar það er nauðsynlegt til að breyta síða hönnun. Bæta við í nokkrum tugum Sprite myndum - það er ekki fylki af þáttum, hafa grafík grafík, það er yfirleitt bara birtist á skjánum, í stað þess að raða út kóðann sem fylki að finna rétta hlutinn.

Standard og verktaki eftir kröfu hans að eins sprites í tengslum við stefnu bakgrunn Notað, það er bara mynd bakgrunnur og ekki staður þáttur. Grafískur hluti þættir síðunni ætti að vinna merki img.

Það er erfitt að ná samkomulagi um einföld forsendum að þegar nóg bakgrunnur var litið sem sameiginlegt bakgrunni. Það er bara bakgrunnur, sama hvað - litlu þáttur eða allt síðu.

Á sama tíma, grafískur hluti fulltrúa alvarleg hindrun við notkun sprites.

blóðhluta

Þrátt fyrir þá staðreynd að hugtökin "Internet tækni" og "hátækni" er talin vera samheiti, í raun, það er tímafrekt og stundum mjög lág-tækni vinna. Sprites eru ekki sérstaklega klædd miðað við aðrar flöskuhálsum í hreinu forritun í JavaScript eða PHP, sem og í uppbyggingu á nauðsynlegum virkni, setja ferli fylla síður eða upplýsingar, svo sem bakgrunnur skapa umboðsaðili eintökum.

Power og horfur notkun innihald stjórnun kerfi oft jafnað blæbrigði beitingu þeirra og handbók úrræði þróun, að jafnaði, leiðir til þess að þörf fyrir 1001. tími til að umrita einn eða annan sér-reiknirit.

Í þessu samhengi er mikilvægt að einfaldlega sanngjarnt að nota allt sem veitir nútímalega tól. Ekki vera of fús til að nota einn yfir öðrum, og gullna reglan í vefnum húsinu svohljóðandi: þú þarft að hugsa um hvernig á að fara að vinna eins fljótt og auðið er, og hvernig á að framkvæma það þannig að ef einhver ófyrirséð aðstæður geta verið fljótt leyst allir vandamál.