CSS-škriatkovia: opis základných techník a užitočné tipy

Moderné miesto, aby bol rýchly, pekný a efektívny ako vo fáze vývoja, a pri práci s klientom. Je pravidlom, že každá spoločnosť, ktorá vytvára online zdrojov, sa snaží mať svoju vlastnú tvár, prilákať návštevníkov s jeho dizajn, štýl, spoľahlivosť, rýchlosť a ďalšie atribúty.

Užitočné vlastnosti škriatkov

CSS-sprites môže zlepšiť tak kvalitatívne charakteristiky miesta a imidž firmy. Vo svojej podstate, nie je to príliš zložité vývojový nástroj, ale je to naozaj urýchľuje proces a zdroje rozvoja, a rýchlosť ich práce.

Okrem iného to zjednodušuje kód a v istom zmysle je prenosný k iným zdrojom, že vzhľadom na to, že použité CSS-škriatkovia sú podobné ako blízkych príbuzných, pretože môžete použiť dialóg rovnaké grafické nápady, štýl dizajnové prvky, štruktúra a obsah značky.

Pri normálnom priebehu vývoja lokality urobiť veľa obrázkov. Veľmi často tieto obrazy zaberajú veľmi málo miesta, ale sú vždy samostatný súbor. Pre akýkoľvek operačný systém z akéhokoľvek servera otvorenia súboru - túto operáciu, časovo náročné, ale nebude významne líšiť v závislosti na čase, keď je súbor otvorený na 13 o 13 pixelov, a ak je súbor otvorený od 16 snímok 52 od 52 pixelov. V prvom prípade budete mať 16 súborov a 16 otvorených / čítania operácie, v druhom prípade bude 16 snímok získaných v dôsledku otvorenia len jedného súboru.

Ak máte vytvoriť sadu súborov na túto tému (horizontálne menu, formy dialógu, dizajnové prvky kalkulačka tlačidla kalendár ...), že takéto obrazy môžu byť kombinované operatívne presunutý z miesta na miesto.

nevýhodou

Keď tam sú fanúšikovia, príliš skotačivý odporúča používať CSS škriatkovia sú nutne tými, ktorí sú starostlivo študuje problematiku a jasne ukazuje, že je vždy praktické pracovať postarom.

V skutočnosti, ak je tam jeden súbor 16 obrázkov, namiesto 16 otvoreného / čítať operácie bude jedným namiesto 16 obrazových súborov. Ale trik je, že každý prehliadač má cache a načíta niečo len v krajnom prípade. Okrem toho, obvykle sú prvky stránky sú načítané pri prvej návšteve stránky, a potom sa nanesie meniť iba.

Ďalším aspektom. Typicky sa obraz rez, nelepí do jediného súboru. Nejako to vyvinula technológiu, je lepšie povedať, zvyk. Projektant vytvorí rozvrhnutie a rozvrhnutie používa jeho kúsky: jemne nakrájané kúsky rozvrhnutie. Odporcovia škriatkovia sa domnievajú, že zdvihne niekoľko snímok do jedného súboru - náročnej činnosti, čo zvyšuje celkový vzhľad stránky.

Tam sú tí vývojári, ktorí veria a optimalizovať počet HTTP požiadaviek, veriť, že toto povolanie je skôr pragmatické než CSS škriatkov.

Všetky Označené časy sú nepochybne dôležité, ale oveľa dôležitejšie je názor: to by mala byť použitá v rozumných medziach.

Automatizácia a CSS-Škriatkovia

Ak to nemá zmysel spúšťať CSS Škriatkovia generátor a získať pravú časť návrhu, potom nič nebráni tomu, jednoducho tvorí túto časť normálnym spôsobom. Ak konvenčné technológie je nevyhnutné znížiť stovky obrázkov, je vhodné načrtnúť JavaScriptu funkcie, ktoré nutne bude vyberať požadovanú oblasť pohyblivého symbolu a zobrazovať ho.

Je potrebné poznamenať, že sprite z dvoch alebo troch častí, alebo iný tucet - Dobre, ale keď v sprite stovky kresieb, niektoré s písaním problémy JavaScript funkciami samozrejme nedôjde, ale koľko práce to bude trvať na vytvorenie taký veľký sprite ... Okrem toho, obrázky lepidlo - táto CSS sprite generátor a umožňuje požadovanú snímku a CSS kód pre neho, bolo mu jedno, koľko to bude prvky tvoriace sprite. Problémy vznikajú, keď prerobenie webu konštrukčná zmena, odstránenie a pridanie nových prvkov. Rozvoj sprite, mali by ste uvažovať ani o tom, ako ju používať, a ako to zmeniť.

Predmetom Výhodou použitia spritov

Na rozdiel od programovacích jazykov CSS, jedná sa o pomerne statický súbor pravidiel, všetky jeho dynamika je určená na základe pravidiel a ich funkčné obsahu (štandard). S ohľadom na škriatkov v areáli, HTML, CSS môže vytvoriť na tému funkčný dizajn knižnice.

Napríklad hotová verzia menu: jednoducho pripojiť viac CSS pravidlá, js-funkcie a obsahujú číselný kód HTML divs, môžete získať výsledok. Zmenou obsahu obrazu sprite, môžete zmeniť vzhľad menu. Určenie telo funkcie, môžete nastaviť funkcie.

Získajte zvláštny variant objektovo orientovaného programovania (OOP). Iste, bolo by to skvelý nápad, ale to nebude príliš jasné vyniknúť na pozadí iných OOP jazyky, dialekty real. Je to len na začiatku 90. rokov, kedy OOP bola oživená a stal sa neobyčajne rýchlo získať svoje miesto na slnku, to je zvláštne nápad a konkrétnu formu ich vyjadrenia, ale teraz vývojári prišli s toľkými dialekty pretože má rozmanité rusky.

Hračky - zlatý důl pre škriatkov

Vzrušenie a programovacie - nezlučiteľné pojmy, ale znalosti programovania, písanie hry, sa výrazne líši od obschebytovoy (jednoduchej šifrovanie) a kreatívne (návrh a vývoj nových technológií, myšlienok).

Herný dizajn apeluje na vektorovú grafiku, pretože kombinácia SVG-škriatkov + CSS pravidiel nielen dopyt, ale často sa stáva predmetom developera (miesta) k objektu skutočnej hry. Najmä populárna hra Counter Strike platí pre hľadiska škriatkov, spreje úplne zmysluplné synonymá: výbuch, krv, pohľad ...

Fráza "nastaviť sprite css V34" pre začatie je úplne normálne a pochopiteľné. Škriatkovia sa vyskytujú nielen pri používaní nástroja, v podstate, ale tiež vytvorený výklenok, ktorý je úplne plnohodnotná, cenovo dostupné a ľahko pochopiteľný určitý okruh spotrebiteľov.

CSS-sprites: Príklad

rôzne možnosti pre konkrétny jazyk prepínať stránky na webe sú použité, ale v prípade, že volič jazyka vykonávať ako ikona, riešenie pomocou sprite môže vyzerať napríklad takto:

Zrejmé Nevýhody škriatkovia

Po prvé, je to časovo náročné a starostlivý proces. To je jedna vec - znížiť návrh na malé kúsky a druhý - zhromažďovať obraz veľa malých. Uplatniť myšlienku plátna a umiestniť ho na všetky obrázky použité na mieste je úplne márne.

Dokonca aj pomocou CSS škriatkov generátor, ťažkosti nedá vyhnúť, najmä keď je potrebné zmeniť vzhľad stránok. Pridajte niekoľko desiatok škriatok obrázkov - to nie je rada prvkov, grafiky majú grafiku, je to zvyčajne len zobrazí na obrazovke, namiesto triedenie kód ako pole nájsť ten správny bod.

Štandardné a vývojári po jeho tvrdenie, že ako škriatkovia spojený s politiky background, je to len obrázok na pozadí a nie miesto element. Grafické prvky, ktoré stránky by mali manipulovať tagu img.

Je ťažké dohodnúť sa na jednoduchých dôvodov, že keď bol dosť pozadí vnímaná ako bežný pozadie. Je to len na pozadí, bez ohľadu na to, čo - miniatúrne prvok alebo celú stránku.

Medzitým, grafický prvok predstavoval vážnu prekážku pre použitie škriatkov.

rozumné využívanie

Napriek tomu, že termíny "Internet technológie" a "high technológií" je považovaný za synonymum, v skutočnosti, to je časovo náročné a niekedy aj veľmi low-tech práce. Škriatkovia nie sú nijako zvlášť oblečený v porovnaní s ostatnými prekážok v čistej programovanie v jazyku JavaScript alebo PHP, rovnako ako vo vývoji nevyhnutných funkcií, nastavenie procesov čerpacích miest alebo informácie, ako je napríklad pozadie vytvárať archívne kópie.

Power a vyhliadky na využitie systémov pre správu obsahu často zrovnal nuansy ich praktické aplikácie a rozvoj manuálnej zdroj, spravidla vedie k potrebe pre 1001. čas prepísať jednu alebo druhú vlastného algoritmu.

V tejto súvislosti je jednoducho rozumné dôležité použiť všetky, ktoré poskytuje moderné nástroje. Nebuďte príliš dychtiví použiť jeden nad druhým, a zlaté pravidlo v stavenisku znie takto: je potrebné na to myslieť, ako odovzdať prácu čo najskôr, a ako to urobiť tak, že v prípade akejkoľvek nepredvídateľné situácie, môže byť rýchlo vyriešený žiadny problém.