CSS-sprites: disgrifiad o'r technegau sylfaenol a awgrymiadau defnyddiol

safle Modern i fod yn gyflym, neis ac yn effeithlon yn ystod y cam o ddatblygiad, ac wrth weithio gyda chleient. Fel rheol, mae pob cwmni sy'n creu adnoddau ar-lein, yn ceisio eu wyneb ei hun, er mwyn denu ymwelwyr gyda'i ddyluniad, arddull, dibynadwyedd, cyflymder a nodweddion eraill.

eiddo defnyddiol o sprites

Gall CSS-sprites wella nodweddion ansoddol y safle a delwedd y cwmni. Yn ei graidd, nid yw'n gymhleth offeryn datblygu hefyd, ond mae'n wir yn cyflymu'r broses ac adnoddau datblygu, a chyflymder eu gwaith.

Ymhlith pethau eraill, mae'n symleiddio'r cod ac, mewn ystyr benodol, mae'n gludadwy at adnoddau eraill sydd, oherwydd y ffaith bod y ddefnyddiwyd CSS-sprites yn debyg fod y perthnasau agos, oherwydd gallwch ddefnyddio'r ddeialog un syniadau graffigol, elfennau dylunio arddull, strwythur a chynnwys y tag.

Yn ôl y drefn arferol o ddatblygu'r safle i wneud llawer o luniau. Yn aml iawn, delweddau hyn yn cymryd llawer o le, ond yn ffeil ar wahân bob amser. Ar gyfer unrhyw system weithredu unrhyw weinydd agor ffeil - y llawdriniaeth hon, a-amser, fodd bynnag, ni fydd yn wahanol iawn o ran amser pan ffeil yn cael ei agor ar 13 o 13 picsel, a phan fydd y ffeil yn cael ei agor o 16 o luniau 52 erbyn 52 picsel. Yn yr achos cyntaf, mae gennych 16 ffeiliau a 16 o lawdriniaethau agored / darllen, yn yr ail achos, bydd 16 o ddelweddau ar gael o ganlyniad i agor dim ond un ffeil.

Os ydych yn creu set o ffeiliau ar y pwnc (ddewislen llorweddol, mathau o ddeialog, mae'r elfennau dylunio botymau cyfrifiannell calendr ...) bod delweddau o'r fath gellir eu cyfuno symud hyblyg o safle i safle.

yr anfantais

Pan fydd cefnogwyr, yn rhy frisky argymhellir i ddefnyddio CSS sprites o reidrwydd y rhai sy'n astudio y mater yn ofalus ac yn dangos yn glir bod bob amser yn ymarferol i weithio y ffordd hen ffasiwn.

Bydd Yn wir, os oes un ffeil o 16 o luniau, yn hytrach na 16 agored / darllen gweithrediadau fod yn un yn hytrach na 16 o ffeiliau llun. Ond mae'r gamp yw bod gan bob porwr Mae cache, ac mae'n llwythi rhywbeth dim ond fel dewis olaf. Yn ychwanegol, fel arfer yr elfennau dudalen yn cael eu llwytho pan fyddwch yn ymweld y dudalen gyntaf, ac yna llwytho newid yn unig.

Agwedd arall. Yn nodweddiadol, mae'r ddelwedd yn cael ei dorri, nid gludo i ffeil unigol. Rhywsut mae wedi datblygu technoleg, mae'n well i ddweud, mae'r arferiad. Mae'r cynllunydd yn creu cynllun a gosodiad yn defnyddio ei ddarnau: darnau wedi'u sleisio'n fân o'r cynllun. Gwrthwynebwyr sprites credu bod codi nifer o ddelweddau mewn un ffeil - gweithgaredd cymryd llawer, sy'n cynyddu'r cyfanswm y dyluniad dudalen.

Mae datblygwyr y rhai sy'n credu ac yn gwneud y gorau o nifer y HTTP-geisiadau, gan gredu bod alwedigaeth hon yn fwy pragmatig na CSS-sprites.

Bob amser a nodir yn ddi-os yn bwysig, ond yn llawer mwy pwysig yw barn: dylid ei gymhwyso o fewn terfynau rhesymol.

Automation a CSS Sprites-

Os yw'n gwneud unrhyw synnwyr i redeg Sprites CSS generadur ac yn cael y rhan dde o'r cynllun, yna ddim byd yn syml yn gwneud i fyny yn atal y rhan hon o'r ffordd arferol. Os dechnoleg gonfensiynol yn ei gwneud yn angenrheidiol i dorri cannoedd o ddelweddau, mae'n well i fraslunio y JavaScript-swyddogaeth, a fydd yn o reidrwydd yn dewis o ardal a ddymunir y corlun a'i arddangos.

Dylid nodi, fodd bynnag, bod y corlun dwy neu dair elfen, neu arall dwsin - iawn, ond pan yn y cannoedd sprite lluniadau, rhai gyda ysgrifennu phroblemau JavaScript-swyddogaeth, wrth gwrs, ni fydd yn digwydd, ond faint o waith y bydd yn cymryd at y gwaith o greu yn sprite mor fawr ... yn ogystal, lluniau glud - un CSS hwn generadur corlun ac yn gwneud y ddelwedd a ddymunir, a CSS cod-ar ei gyfer, nid oedd yn poeni faint fydd yr elfennau cyfansoddol y corlun. Mae problemau'n codi pan ail-wneud y safle newid dylunio, tynnu ac ychwanegu elfennau newydd. Datblygu sprite, dylech feddwl nid am sut i'w ddefnyddio, a sut y mae'n wedyn yn newid.

budd Pwnc o ddefnyddio sprites

Yn wahanol i ieithoedd rhaglennu CSS, mae hyn yn set gymharol sefydlog o reolau ei holl dynameg ei bennu gan y rheolau a'u cynnwys swyddogaethol (safonol). O ystyried y sprites yn y cymhleth, y HTML, mae'r CSS yn gallu creu dyluniad thema-swyddogaethol y llyfrgell.

Er enghraifft, mae'r fersiwn gorffenedig y fwydlen: yn syml gysylltu lluosog css-rheolau, js-swyddogaethau ac maent yn cynnwys y rhif cod HTML-divs, gallwch gael y canlyniad. Drwy newid cynnwys y ddelwedd y sprite, gallwch newid golwg y fwydlen. Gan nodi'r corff y swyddogaeth, gallwch addasu y functionality.

Cael amrywiad rhyfedd o raglennu gwrthrych-oriented (OOP). Cadarn, byddai'n syniad da, ond ni fydd yn rhy llachar i sefyll allan yn erbyn cefndir o ieithoedd OOP eraill, tafodieithoedd real. Dim ond yn y '90au cynnar, pan oedd y PLO adfywio a daeth anarferol cael lle yn yr haul yn gyflym, mae'n syniad penodol a ffurflen concrid o'i fynegiant, ond erbyn hyn mae'r datblygwyr wedi dod o hyd i gymaint o dafodieithoedd gan fod ganddo Rwsia amrywiol.

Teganau - bonanza ar gyfer sprites

Cyffro a rhaglennu - sgiliau cysyniadau anghydnaws, ond rhaglennu, ysgrifennu gemau, yn wahanol iawn obschebytovoy (amgryptio syml) a chreadigol (dylunio a datblygu technolegau newydd, syniadau).

apeliadau Dylunio Gêm i graffeg fector, oherwydd bod y cyfuniad o SVG-sprites CSS +-rheolau, nid yn unig y galw, ond yn aml yn dod yn y gwrthrych y datblygwr (y safle) i amcan yr gêm go iawn. Yn benodol, y gêm boblogaidd Counter Streic yn berthnasol i delerau'r sprites, chwistrellau eithaf ystyrlon Cyfystyron: chwyth, gwaed, yr olwg ...

Mae'r ymadrodd "gosod y v34 css corlun" ar gyfer y cychwyn yn eithaf normal ac yn ddealladwy. Sprites i'w cael, nid yn unig yn y defnydd o'r cyfleustodau, yn ei hanfod, ond mae hefyd yn ffurfio arbenigol, sy'n eithaf llawn cynnwys, yn fforddiadwy ac yn hawdd i'w deall cylch penodol o ddefnyddwyr.

CSS-sprites: Enghraifft

amrywiaeth o opsiynau ar gyfer iaith benodol ar gyfer newid o dudalennau a ddefnyddir, ond os yw'r dewisydd iaith i weithredu fel eicon, yr ateb gan ddefnyddio sprite gall edrych fel hyn:

sprites anfanteision amlwg

Yn gyntaf oll, mae'n amser-cymryd llawer a'r broses manwl. Mae'n un peth - i dorri y dyluniad yn ddarnau bach, a'r llall - i gasglu darlun o nifer bach. Gwneud cais y syniad y cynfas a'i osod ar bob un o'r delweddau a ddefnyddir ar y safle yn gwbl ofer.

Hyd yn oed yn defnyddio sprites CSS Generator, ni ellir ei osgoi anawsterau, yn enwedig pan mae angen newid y cynllun safle. Ychwanegwch mewn ychydig o ddegau o ddelweddau corlun - nid yw'n amrywiaeth o elfennau, mae'r graffeg wedi graffeg, mae fel arfer dim ond ei arddangos ar y sgrin, yn lle trefn ar y cod fel arae i ddod o hyd i'r eitem cywir.

Safonol a datblygwyr yn dilyn ei honiad mai fel sprites gysylltiedig â chefndir polisi Used, dim ond delwedd cefndir ac nid yr elfen safle. Dylai elfennau cydrannol graffeg o'r dudalen trin img tag.

Mae'n anodd cytuno ar y sail syml, pan digon cefndir yn cael ei weld fel cefndir cyffredin. Dim ond y cefndir, beth bynnag - yn elfen bach neu'r dudalen gyfan.

Yn y cyfamser, yr elfen graffeg yn cynrychioli rhwystr difrifol i'r defnydd o sprites.

defnydd doeth

Er gwaethaf y ffaith bod y termau "technoleg Rhyngrwyd" a "technoleg uchel" yn cael ei ystyried i fod yn gyfystyr, mewn gwirionedd, mae'n cymryd llawer o amser ac weithiau gwaith technoleg isel iawn. Nid yw Sprites yn cael eu gwisgo yn arbennig o gymharu â dagfeydd eraill mewn rhaglenni pur yn JavaScript neu PHP, yn ogystal ag yn natblygiad y swyddogaeth angenrheidiol, prosesau lenwi safleoedd neu wybodaeth, megis y cefndir yn creu copïau archif gosod.

Pŵer a rhagolygon o ddefnydd o systemau rheoli cynnwys yn aml yn lefelu naws eu cais yn ymarferol, a datblygu adnoddau â llaw, fel rheol, yn arwain at yr angen am y tro 1001eg i ailysgrifennu un neu'r llall algorithm perchnogol.

Yn y cyd-destun hwn, mae'n bwysig i wneud dim ond rhesymol i ddefnyddio pob sy'n darparu arf modern. Peidiwch â bod yn rhy awyddus i ddefnyddio un dros y llall, a'r rheol aur mewn adeiladu safle darllen fel a ganlyn: mae angen i chi feddwl nid am sut i lwyddo yn y gwaith cyn gynted ag y bo modd, a sut i weithredu fel ei bod yn achos o unrhyw sefyllfa annisgwyl gellir eu datrys yn gyflym unrhyw broblem.