CSS-skřítci: popis základních technik a užitečné tipy

Moderní místo, aby byl rychlý, hezký a efektivní jak ve fázi vývoje, a při práci s klientem. Je pravidlem, že každá společnost, která vytváří online zdrojů, se snaží mít svou vlastní tvář, přilákat návštěvníky s jeho design, styl, spolehlivost, rychlost a další atributy.

Užitečné vlastnosti skřítků

CSS-sprites může zlepšit jak kvalitativní charakteristiky místa a image firmy. Ve své podstatě, není to příliš složité vývojový nástroj, ale je to opravdu urychluje proces a zdroje rozvoje, a rychlost jejich práce.

Mimo jiné to zjednodušuje kód, a v jistém smyslu, že je přenosný na jiné zdroje, které, vzhledem k tomu, že použitý CSS-skřítci jsou podobné jako v blízkosti příbuzní, protože můžete použít stejný grafický nápady, styl designu prvky dialogu, struktura a obsah značky.

Při normálním průběhu vývoje lokality udělat mnoho obrázků. Velmi často tyto obrazy zabírají velmi málo místa, ale jsou vždy samostatný soubor. Pro jakýkoliv operační systém z jakéhokoli serveru otevření souboru - tuto operaci, časově náročné, ale nebude významně lišit v závislosti na čase, když je soubor otevřen na 13 o 13 pixelů, a je-li soubor otevřen od 16 snímků 52 od 52 pixelů. V prvním případě budete mít 16 souborů a 16 otevřených / čtení operace, v druhém případě bude 16 snímků získaných v důsledku otevření pouze jednoho souboru.

Máte-li vytvořit sadu souborů na toto téma (horizontální menu, formy dialogu, designové prvky kalkulačka tlačítka kalendář ...), že takové obrazy mohou být kombinovány operativně přesunut z místa na místo.

Nevýhodou

Když tam jsou fanoušci taky hravý doporučuje používat skřítky CSS, být jisti, že existují lidé, kteří pečlivě studovat problematiku a jasně ukazuje, že je vždy praktické pracovat postaru.

Ve skutečnosti, pokud namísto 16 souborů obrázků je jeden soubor z 16 snímků, je 16 operace namísto otevření / čtení bude jedno. Ale trik je, že každý prohlížeč má mezipaměti a načte něco jen v krajním případě. Kromě toho, obvykle jsou prvky stránky jsou načteny při první návštěvě stránky, a poté se nanese měnit pouze.

Dalším aspektem. Typicky se obraz řez, nelepí do jediného souboru. Nějak to vyvinula technologii, je lepší říci, zvyk. Projektant vytváří layout a layout používá jeho kousky: jemně nakrájené kousky z rozvržení. Odpůrci skřítci se domnívají, že zvedne několik snímků do jednoho souboru - náročné činnosti, což zvyšuje celkový vzhled stránky.

Tam jsou ti vývojáři, kteří věří a optimalizovat počet HTTP požadavků, věřit, že toto povolání je spíše pragmatické než CSS skřítky.

Všechny Označené časy jsou nepochybně důležité, ale mnohem důležitější je názor: to by měla být použita v rozumných mezích.

Automatizace a CSS-Skřítci

Pokud to nemá smysl spouštět CSS Skřítci generátor a získat pravou část návrhu, pak nic nebrání tomu, prostě tvoří tuto část normálním způsobem. Pokud konvenční technologie je nezbytné snížit stovky obrázků, je vhodné načrtnout JavaScriptu funkce, jež nutně bude vybírat požadovanou oblast pohyblivého symbolu a zobrazovat jej.

Je třeba poznamenat, že sprite ze dvou nebo tří částí, nebo jiný tucet - Dobře, ale když v sprite stovky kreseb, některé s psaním problémy JavaScript funkcemi samozřejmě nedojde, ale kolik práce to bude trvat k vytvoření takový velký sprite ... Kromě toho, obrázky lepidlo - tahle CSS sprite generátor a umožňuje požadovaný snímek a CSS kód pro něj, bylo mu jedno, kolik to bude prvky tvořící sprite. Problémy vznikají, když předělání webu konstrukční změna, odstranění a přidání nových prvků. Rozvoj sprite, měli byste uvažovat ani o tom, jak ji používat, a jak to změnit.

Předmětem Výhodou použití spritů

Na rozdíl od programovacích jazyků, CSS, jedná se o poměrně statický soubor pravidel, všechny jeho dynamika je určena na základě pravidel a jejich funkční obsahu (standard). S ohledem na skřítky v areálu, HTML, CSS může vytvořit na téma funkční design knihovny.

Například hotová verze menu: jednoduše připojit více CSS pravidla, js-funkce a obsahují číselný kód HTML divs, můžete získat výsledek. Změnou obsahu obrazu sprite, můžete změnit vzhled menu. Určení tělo funkce, můžete nastavit funkce.

Získejte zvláštní variantu objektově orientovaného programování (OOP). Jistě, bylo by to skvělý nápad, ale to nebude příliš jasné vyniknout na pozadí jiných OOP jazyky, dialekty real. Je to jen na počátku 90. let, kdy OOP byla oživena a stal se neobyčejně rychle získat své místo na slunci, to je zvláštní nápad a konkrétní formu jejich vyjádření, ale nyní vývojáři přišli s tolika dialekty protože má rozmanité rusky.

Hračky - zlatý důl pro skřítky

Vzrušení a programování - neslučitelné pojmy, ale kvalifikace programátor psaní hry, se výrazně liší od obschebytovoy (jednoduché šifrování) a kreativní (návrh a vývoj nových technologií, myšlenek).

Herní design apeluje na vektorovou grafiku, protože kombinace SVG-skřítků + CSS pravidel nejen poptávka, ale často se stává předmětem developera (místa) k objektu skutečné hry. Zejména populární hra Counter Strike platí pro hlediska skřítků, spreje zcela smysluplné synonyma: výbuch, krev, pohled ...

Fráze „nastavit sprite css V34“ pro zahájení je zcela normální a pochopitelné. Skřítci se nacházejí nejen v užívání nástroj, v podstatě, ale také vytvořila výklenek, který je poměrně full-featured, cenově dostupné a snadno pochopitelný určitý okruh spotřebitelů.

CSS-sprites: Příklad

různé možnosti pro konkrétní jazyk přepínat stránky na webu jsou použity, ale v případě, že volič jazyka vykonávat jako ikona, řešení pomocí sprite může vypadat například takto:

Zřejmé Nevýhody skřítci

Za prvé, je to časově náročné a pečlivý proces. To je jedna věc - snížit návrh na malé kousky a druhý - shromažďovat obraz mnoho malých. Uplatnit myšlenku plátna a umístit jej na všechny obrázky použité na místě je zcela marné.

Dokonce i pomocí CSS skřítky generátor, obtíže nelze vyhnout, zvláště když je třeba změnit vzhled stránek. Přidejte několik desítek skřítek obrázků - to není řada prvků, grafiky mají grafiku, je to obvykle jen zobrazí na obrazovce, namísto třídění kód jako pole najít ten správný bod.

Standardní a vývojáři po jeho tvrzení, že jako skřítci spojena s politikou background, je to jen obrázek na pozadí a ne místo element. Grafické prvky, které stránky by měly manipulovat tagu img.

Je obtížné dohodnout se na jednoduchých důvodů, že když byl dost pozadí vnímána jako běžný pozadí. Je to jen na pozadí, bez ohledu na to, co - miniaturní prvek nebo celou stránku.

Mezitím, grafický prvek představoval vážnou překážku pro použití skřítků.

rozumné využívání

Navzdory tomu, že termíny „Internet technologie“ a „high technologií“ je považován za synonymní, ve skutečnosti, to je časově náročné a někdy i velmi low-tech práce. Skřítci nejsou nijak zvlášť oblečený ve srovnání s ostatními překážek v čisté programování v jazyce JavaScript nebo PHP, stejně jako ve vývoji nezbytných funkcí, nastavení procesů čerpacích míst nebo informace, jako je například pozadí vytvářet archivní kopie.

Výkon a vyhlídky na využití pro správu obsahu systémy často srovnal nuance jejich praktické aplikace a manuální zdroj rozvoje, jako pravidlo, vede k tomu, že je třeba, aby 1001. čas přepsat jednu nebo druhou proprietární algoritmus.

V této souvislosti je prostě rozumné důležité použít všechny, které poskytuje moderní nástroje. Nebuďte příliš dychtiví použít jeden nad druhým, a zlaté pravidlo v staveništi zní takto: je třeba na to myslet, jak předat práci co nejdříve, a jak to provést tak, že v případě jakékoliv nepředvídané situace, může být rychle vyřešen žádný problém.