CSS-sprites: deskrizzjoni tat-tekniki bażiċi u tips utli

sit moderna li tkun rapida, sbieħ u effiċjenti kemm fl-istadju ta 'żvilupp, u meta jaħdmu ma' klijent. Bħala regola, kull kumpanija li toħloq riżorsi online, tfittex li jkollhom wiċċ tagħhom stess, li jattiraw viżitaturi ma tagħha disinn, l-istil, l-affidabbiltà, il-veloċità u attributi oħra.

Proprjetajiet utli ta 'sprites

CSS-sprites jistgħu jtejbu kemm il-karatteristiċi kwalitattivi tas-sit u l-immaġni tal-kumpanija. Fil-qalba tagħha, mhuwiex wisq ikkumplikata għodda ta 'żvilupp, iżda huwa verament tħaffef il-proċess u tar-riżorsi għall-iżvilupp, u l-veloċità tax-xogħol tagħhom.

Fost affarijiet oħra, tissimplifika l-kodiċi u, f'ċertu sens, huwa portabbli għal riżorsi oħra li, minħabba l-fatt li l-CSS-sprites użati huma simili bħala l-qraba, għaliex inti tista 'tuża d-djalogu istess ideat grafika, elementi tad-disinn stil, istruttura u l-kontenut tal-lametta.

Fil-kors normali ta 'żvilupp tas-sit biex jagħmlu ħafna ta' stampi. Ħafna drabi, dawn ix-xbihat jieħdu spazju ftit, iżda huma dejjem fajl separat. Għal kwalunkwe sistema operattiva ta 'kull server jiftaħ fajl - din l-operazzjoni, ta' ħin, madankollu, se jkunux differenti b'mod sinifikanti fir-rigward żmien meta fajl ikun miftuħ fuq il-13 mill-13 pixel, u meta l-fajl ikun miftuħ minn 16 stampi 52 permezz 52 pixels. Fl-ewwel każ, inti għandek 16 fajls u 16 miftuħa / jinqara operazzjonijiet, fit-tieni każ 16-il immaġini se tkun miksuba bħala riżultat tal-ftuħ ta 'fajl wieħed biss.

Jekk inti toħloq sett ta 'fajls fuq is-suġġett (menu orizzontali, forom ta' djalogu, l-elementi tad-disinn kalendarju buttuni calculator ...) li tali immaġini, ma jista għandhom jingħaqdu b'mod flessibbli mċaqalqa minn post għall-post.

l-tnaqqis

Meta jkun hemm fannijiet, wisq frisky rakkomandat għall-użu CSS sprites huma neċessarjament dawk li qed jistudjaw bir-reqqa l-kwistjoni u juri biċ-ċar li huwa dejjem prattiku li taħdem il-mod qadima.

Tabilħaqq, jekk ikun hemm wieħed fajl ta '16 stampi, minflok 16 miftuħ / jinqara operazzjonijiet se tkun waħda minflok 16 fajls stampa. Iżda l-trick huwa li kull browser għandha cache, u tagħbijiet xi ħaġa biss bħala l-aħħar. Barra minn hekk, normalment l-elementi paġna huma mgħobbija meta inti l-ewwel żur il-paġna, u mbagħad mgħobbija tinbidel biss.

Aspett ieħor. Tipikament, l-immaġini huwa maqtugħ, mhux inkollati f'fajl wieħed. B'xi hija żviluppat teknoloġija, huwa aħjar li wieħed jgħid, l-użanza. Id-disinjatur toħloq it-tqassim u t-tqassim użi biċċiet tiegħu: biċċiet fin imqatta 'ta' l-arranġament. Avversarji sprites jemmnu li picking up immaġini diversi f'waħda fajl - attività li jikkunsmaw, li jżid id-disinn paġna totali.

Hemm dawk iżviluppaturi li jemmnu u jottimizzaw in-numru ta HTTP 'talbiet, għax jemmen li dan ix-xogħol huwa aktar prammatiku milli CSS-sprites.

Il-ħinijiet kollha indikati huma bla dubju importanti, iżda ferm aktar importanti hija l-fehma: għandu jiġi applikat f'limiti raġonevoli.

Awtomazzjoni u CSS-Sprites

Jekk ma jagħmilx sens li jimxu Sprites CSS ġeneratur u jiksbu l-parti d-dritt tad-disinn, allura xejn jipprevjeni sempliċiment jagħmlu din il-parti tal-mod normali. Jekk teknoloġija konvenzjonali tagħmilha neċessarja biex jitnaqqsu mijiet ta 'immaġini, huwa preferibbli li jfassal l JavaScript-funzjoni, li neċessarjament se tagħżel miż-żona mixtieqa tal-Sprite u l-wiri.

Għandu jiġi nnutat, madankollu, li l-Sprite ta 'żewġ jew tliet elementi, jew tużżana oħra - kollha lemin imma meta fil-mijiet Sprite ta' disinji, xi wħud ma kitba problemi JavaScript funzjoni, naturalment, mhux se jseħħu, imma kif ħafna xogħol li ser jieħu biex l-ħolqien ta ' tali Sprite kbir ... Barra minn hekk, stampi kolla - dan ġeneratur Sprite wieħed CSS u jagħmel l-immaġni mixtieqa, u CSS kodiċi għal dan, huwa ma kura kemm se-elementi kostitwenti tal-Sprite. Problemi jinqalgħu meta remaking-sit bidla fid-disinn, it-tneħħija u ż-żieda ta 'elementi ġodda. L-iżvilupp ta Sprite, għandek taħseb mhux dwar kif jużah, u kif mbagħad bidla.

benefiċċju suġġett ta 'użu sprites

B'differenza lingwi ta 'programmar CSS, dan huwa sett relattivament statika tar-regoli dinamika kollha tagħha hija determinati mir-regoli u l-kontenut funzjonali tagħhom (standard). Meta wieħed iqis l-sprites fil-kumpless, l-HTML, CSS jistgħu joħolqu disinn themed funzjonali tal-librerija.

Per eżempju, il-verżjoni finali tal-menu: sempliċement konnessjoni fuq ir-regoli css, JS-funzjonijiet multipli u jinkludu l-numru tal-kodiċi ta 'HTML' divs, tista 'tikseb ir-riżultat. Billi jinbidel il-kontenut tal-immaġni tal-Sprite, tista 'tbiddel il-ħarsa tal-menu. Tispeċifika l-korp tal-funzjoni, inti tista 'taġġusta l-funzjonalità.

Get varjant partikolari ta 'programmazzjoni oġġett orjentati lejn (OOP). Sure, tkun idea brillanti, iżda mhux se jkun wisq qawwi biex jispikkaw kontra l-isfond ta 'lingwi oħra OOP, djaletti reali. Huwa biss fil-bidu 90s, meta l-PLO reġgħet tqajmet u saret mhux tas-soltu malajr jiksbu post fil-xemx, hija idea speċifika u forma konkreta ta 'espressjoni tiegħu, iżda issa l-iżviluppaturi għandhom joħorġu bi kif ħafna djaletti kemm kien hemm diversi Russa.

Ġugarelli - Bonanza għall sprites

Eċċitament u programmazzjoni - kunċetti li mhumiex kompatibbli, iżda programmazzjoni ħiliet, kitba logħob, huwa nettament differenti minn obschebytovoy (encryption sempliċi) u kreattivi (disinn u żvilupp ta 'teknoloġiji ġodda, ideat).

appelli Disinn Game għal vector graphics, minħabba l-kombinazzjoni ta 'SVG-sprites +-regoli CSS mhux biss domanda, iżda ħafna drabi isir l-oġġett ta' l-iżviluppatur (tas-sit) għall-oġġett ta 'logħba reali. B'mod partikolari, il-logħba popolari Counter Strike japplikaw għat-termini ta 'l-sprites, sprejs pjuttost sinifikanti Sinonimi: blast, demm, il-vista ...

Il-frażi "tiffissa l-v34 css Sprite" għall-bidu għal huwa pjuttost normali u li tinftiehem. Sprites jinstabu mhux biss fl-użu tal-utilità, essenzjalment, iżda wkoll iffurmaw niċċa, li huwa pjuttost full-dehru, affordabbli u faċli biex tinftiehem ċertu grupp ta 'konsumaturi.

CSS-sprites: Eżempju

varjetà ta 'għażliet għal lingwa partikolari biex jaqilbu paġni fuq is-sit huma użati, iżda jekk il-selettur tal-lingwa li jwettaq bħala ikona, is-soluzzjoni bl-użu Sprite tista teżamina bħal dan:

iżvantaġġi ovvji sprites

L-ewwelnett, huwa proċess metikoluż time jikkunsmaw u. Hija ħaġa waħda - li tnaqqas id-disinn f'biċċiet żgħar, u l-oħra - li jiġbor stampa ta 'ħafna intrapriżi żgħar. Applika l-idea tal-kanvas u poġġiha fuq kollha ta 'l-immaġini użati fuq is-sit huwa kompletament għalxejn.

Anki bl-użu sprites CSS Generator, ma jistax jiġi evitat diffikultajiet, speċjalment meta huwa meħtieġ li jinbidlu l-disinn tas-sit. Żid fi ftit għexieren ta 'immaġini Sprite - mhuwiex firxa ta' elementi, il-grafika grafika, dan huwa normalment biss murija fuq l-iskrin, minflok iħollu l-kodiċi bħala firxa biex isibu l-oġġett dritt.

Standard u l-iżviluppaturi wara talba tiegħu li bħala sprites assoċjat bi sfond politika Użati, huwa biss isfond image u mhux l-element sit. elementi komponenti grafiċi ta 'paġna għandha jimmanipulaw img tag.

Huwa diffiċli li jaqblu fuq il-bażi sempliċi li meta isfond biżżejjed kienet meqjusa bħala sfond komuni. Huwa biss l-isfond, x'ikun - element minjatura jew il-paġna kollu.

Sadanittant, il-komponent grafiku rappreżentat ostaklu serju għall-użu ta 'sprites.

użu ġudizzjuż

Minkejja l-fatt li t-termini "teknoloġija Internet" u "teknoloġija għolja" huwa meqjus li jkun sinonimi, fil-fatt, huwa l-ħin u kultant ħafna xogħol ta 'teknoloġija baxxa. Sprites mhumiex partikolarment dressed meta mqabbla ma 'ostakli oħra fil-programmazzjoni pura fil JavaScript jew PHP, kif ukoll fl-iżvilupp tal-funzjonalità meħtieġa, li tistabbilixxi proċessi ta' siti jew informazzjoni mili, bħall-isfond joħolqu kopji arkivju.

Power u prospetti ta 'użu ta' sistemi ta 'ġestjoni kontenut spiss leveled sfumaturi ta' applikazzjoni prattika tagħhom, u l-iżvilupp tar-riżorsi manwali, bħala regola, twassal għall-ħtieġa li l-ħin 1001 li jikteb jew ieħor algoritmu proprjetarju.

F'dan il-kuntest, huwa importanti li sempliċement raġonevoli li jużaw dak kollu li tipprovdi għodda moderna. Ma jkun wisq ħerqana li tuża wieħed fuq l-oħra, u r-regola tad-deheb fil-bini sit jgħid hekk: għandek bżonn biex jaħsbu mhux dwar kif jgħaddu x-xogħol kemm jista 'jkun malajr, u kif jiġi esegwit sabiex fil-każ ta' kwalunkwe sitwazzjoni imprevista tista 'tiġi solvuta malajr ebda problema.