CSS-sprites: një përshkrim të teknikave themelore dhe këshilla të dobishme

faqe Modern të jetë i shpejtë, e bukur dhe efikas si në fazën e zhvillimit, dhe kur punojnë me një klient. Si rregull, çdo kompani që krijon burime online, kërkon që të ketë fytyrën e tyre, për të tërhequr vizitorët me saj dizajn, stil, besueshmërinë, shpejtësinë dhe atributet e tjera.

Pronat e dobishme e sprites

CSS-sprites mund të përmirësojë të dy karakteristikat cilësore të faqes dhe imazhin e kompanisë. Në thelbin e saj, ajo nuk është e komplikuar shumë mjet të zhvillimit, por me të vërtetë përshpejton procesin dhe të burimeve të zhvillimit, dhe shpejtësinë e punës së tyre.

Ndër të tjera, ajo thjeshton kodin dhe, në një kuptim të caktuar, ajo është i lëvizshëm për burime të tjera që, për shkak të faktit se e përdorura CSS-sprites janë të ngjashme si të afërmit, sepse ju mund të përdorni dialogun njëjtat ide grafike, elemente të projektimit style, Struktura dhe përmbajtja e tag.

Në rrjedhën normale të zhvillimit të faqes për të bërë një shumë prej fotografive. Shumë shpesh, këto imazhe të marrë shumë pak hapësirë, por janë gjithmonë një skedar të veçantë. Për çdo sistem operativ nga ndonjë server të hapur një skedë - këtë operacion, një kohë, megjithatë, nuk do të ndryshojnë në mënyrë të konsiderueshme në lidhje me kohën kur një skedar është hapur në 13 nga 13 pixels, dhe kur dosja është e hapur nga 16 fotot 52 nga 52 pixels. Në rastin e parë, ju keni 16 fotografi dhe 16 të hapur / lexuar operacionet, në rastin e dytë 16 imazhet do të merren si rezultat i hapjes së vetëm një skedar.

Nëse keni krijuar një grup të dosjeve mbi këtë temë (menu horizontale, format e dialogut, elementet e projektimit butonat Calculator kalendarike ...) se imazhet e tilla mund të kombinohen zhvendoset fleksibile nga faqja në faqe.

The downside

Kur ka tifozë, shumë të gjallë rekomanduar për të përdorur CSS sprites janë domosdoshmërisht ato të cilët janë duke studiuar me kujdes këtë çështje dhe në mënyrë të qartë tregon se ajo është gjithmonë praktike për të punuar rrugën e modës së vjetër.

Operacionet Në të vërtetë, në qoftë se ka një fotografi nga 16 fotografi, në vend të 16 të hapur / lexuar do të jetë një vend të 16 fotografi foto. Por mashtrim është që çdo shfletues ka një cache, dhe ajo ngarkesa diçka vetëm si mjetin e fundit. Përveç kësaj, zakonisht elementet faqe janë të ngarkuar, kur ju së pari të vizitoni faqen, dhe pastaj ngarkuar ndryshohet vetëm.

Një aspekt tjetër. Në mënyrë tipike, imazhi është e prerë, jo ngjitur në një skedar të vetëm. Disi ajo ka zhvilluar një teknologji, është më mirë të thuhet, zakonin. Projektuesi krijon pamjen dhe paraqitjen përdor pjesët e tij: copa feta imët e layout. Kundërshtarët sprites besojnë se picking up disa imazhe në një skedar - aktivitetin e ha, e cila rrit dizajnin e përgjithshëm faqe.

Ka nga ata zhvilluesve të cilët besojnë dhe zgjedh numrin e HTTP-kërkesave, duke besuar se ky profesion është më pragmatike se CSS-sprites.

Te gjitha kohët treguara janë padyshim të rëndësishme, por shumë më e rëndësishme është view: ajo duhet të zbatohet brenda kufijve të arsyeshëm.

Automatizimi dhe CSS-Sprites

Në qoftë se kjo nuk ka kuptim për të kandiduar gjenerator CSS Sprites dhe për të marrë pjesën e djathtë të projektimit, atëherë asgjë nuk e pengon thjesht përbëjnë këtë pjesë të rrugës normale. Nëse teknologjia konvencionale e bën të nevojshme për të prerë qindra e imazheve, është e preferueshme për të skemë të JavaScript-funksion, i cili për shkak të nevojës do të zgjedhin nga zona e dëshiruar e sprite dhe të shfaqin atë.

Duhet të theksohet, megjithatë, se Sprite e dy ose tre elemente, ose një duzinë tjetër - Në rregull, por kur në Sprite qindra vizatime, disa me shkrim probleme JavaScript-funksion, sigurisht, nuk do të ndodhë, por sa shumë punë ajo do të marrë për krijimin e një sprite kaq i madh ... Përveç kësaj, fotografi zam - kjo CSS sprite gjenerator dhe bën imazhin e dëshiruar, dhe CSS-kod për të, ai nuk u kujdes sa do elementet përbërëse të sprite. Problemet lindin kur remaking Site ndryshim të projektimit, heqjen dhe shtimin e elementeve të reja. Zhvillimi i një sprite, ju duhet të mendoni jo rreth asaj se si të përdorin atë, dhe se si ajo pastaj të ndryshojë.

Përfitimi Lënda e përdorur sprites

Ndryshe nga CSS gjuhë programimi, kjo është një grup relativisht statike rregullash të gjithë dinamikën e tij përcaktohet nga rregullat dhe përmbajtjen e tyre funksionale (standarde). Duke pasur parasysh sprites në kompleks, HTML, CSS mund të krijojë një dizajn themed-funksionale të bibliotekës.

Për shembull, versioni i përfunduar i menysë: thjesht lidhni multiple css-rregullat, js-funksionet dhe përfshijnë numrin e kodit të HTML-divs, ju mund të merrni rezultatin. Duke ndryshuar përmbajtjen e imazhit të sprite, ju mund të ndryshojë pamjen e menysë. Specifikimi trupin e funksionit, ju mund të përshtateni funksionalitetin.

Merrni një variant të veçantë të programimit object-oriented (OOP). Sure, ajo do të jetë një ide të ndritshme, por kjo nuk do të jetë shumë e ndritshme për të dalë jashtë në sfondin e gjuhëve të tjera oop, dialektet e vërtetë. Ajo është vetëm në fillim të viteve '90, kur PLO u ringjall dhe u bë jashtëzakonisht të shpejt të fituar një vend në diell, ajo është një ide të veçantë dhe një formë konkrete e shprehjes së saj, por tani zhvilluesve kanë dalë me sa më shumë dialekte sa nuk ka të ndryshme ruse.

Lodra - një burim fitimi për sprites

Eksitim dhe programimit - konceptet papajtueshme, por programimit aftësi, lojra me shkrim, është dukshëm i ndryshëm nga obschebytovoy (encryption thjeshtë) dhe krijues (hartimin dhe zhvillimin e teknologjive të reja, ide).

Lojë apelit projektimit për grafikë vektoriale, sepse kombinimi i SVG-sprites + CSS-rregullat jo vetëm të kërkesës, por shpesh bëhet objekt i zhvilluesi (e vendit) për objektin e një lojë të vërtetë. Në veçanti, loja popullore Counter Strike zbatohet për kushtet e sprites, sprays mjaft kuptimplotë Sinonimet: shpërthim, gjak, sytë ...

Shprehja "të vendosur v34 sprite css" për të filluar është krejt normale dhe e kuptueshme. Sprites janë gjetur jo vetëm në përdorimin e shërbimeve, në thelb, por gjithashtu ka formuar një vend, i cili është mjaft i plotë me veti, të përballueshme dhe të lehtë për të kuptuar një rreth të caktuar të konsumatorëve.

CSS-sprites: Shembull

një shumëllojshmëri të opsioneve për një gjuhë të veçantë për të kaluar faqet në këtë faqe interneti janë përdorur, por në qoftë se përzgjedhësin e gjuhës për të kryer si një ikonë, zgjidhja duke përdorur një sprite mund të duket si ky:

meta të dukshme sprites

Para së gjithash, kjo është kohë dhe proces tepër i përpiktë. Kjo është një gjë - për të prerë e projektimit në copa të vogla, dhe të tjera - për të mbledhur një pamje të shumë të vogla. Aplikoni idenë e kanavacë dhe vendin e saj në të gjitha imazhet e përdorura në këtë faqe interneti është tërësisht e kotë.

Edhe duke përdorur sprites CSS gjenerator, vështirësitë nuk mund të shmanget, veçanërisht kur është e nevojshme për të ndryshuar dizajnin faqe. Shto në disa dhjetëra imazheve Sprite - kjo nuk është një grup i elementeve, grafika kanë grafikë, ajo është zakonisht shfaqet vetëm në ekran, në vend të zgjidhja kodin si një grup për të gjetur pika të drejtë.

Standarde dhe zhvilluesit pas pretendimin e tij se si të sprites lidhur me një sfond të politikave të përdorura, kjo është vetëm një imazh sfond dhe jo element vend. Grafike elementet përbërëse të një faqe të manipulojë tag IMG.

Është e vështirë për të rënë dakord me arsyetimin e thjeshtë se kur sfond të mjaftueshme është perceptuar si një sfond të përbashkët. Është vetëm sfond, pa marrë parasysh çfarë - një element miniaturë apo faqe të tërë.

Ndërkohë, komponenti grafike përfaqësuar një pengesë serioze për përdorimin e sprites.

përdorimi i mençur

Përkundër faktit se termat "teknologji Internet" dhe "teknologjisë së lartë", konsiderohet të jetë sinonim, në fakt, ajo është kohë dhe nganjëherë shumë punë të ulët-tech. Sprites nuk janë të veshur veçanërisht në krahasim me bllokimin e tjera në programimin e pastër në JavaScript ose PHP, si dhe në zhvillimin e funksionalitetit të nevojshëm, duke vendosur proceset e vendeve mbushjen apo informacione, të tilla si sfond të krijuar kopje arkivore.

Fuqia dhe perspektivat e përdorimit të sistemeve të menaxhimit të përmbajtjes shpesh barazoi nuancat e aplikimit të tyre praktik, dhe zhvillimin e burimeve manual, si rregull, të çon në nevojën për herë të 1001 për të rishkruar një ose tjetër një algoritëm të pronarit.

Në këtë kontekst, është e rëndësishme që të thjesht e arsyeshme që të përdorin të gjitha që siguron një mjet modern. Mos të jetë shumë i etur për të përdorur një lidhje të tjera, dhe rregulli i artë në ndërtimin e vend vijon si më poshtë: ju duhet të mos mendojnë rreth asaj se si për të kaluar punën sa më shpejt të jetë e mundur, dhe si për të ekzekutuar atë në mënyrë që në rast të ndonjë situate të paparashikuar mund të zgjidhet shpejt ndonjë problem.