CSS-sprites: eng Beschreiwung vun der Basis Techniken an nëtzlech Tipps

Modern Site gin schnell, léif an efficace souwuel um Etapp vun Entwécklung, a wann mat engem Client schaffen. Als Regel, gel all Firma déi online Ressourcen schaaft, hir eege Gesiicht ze hunn, ze lackele Visiteuren mat sengem Design, Stil, Zouverlässegkeet, Vitesse an aner Attributer.

Nëtzlech Eegeschafte vun sprites

CSS-sprites kann souwuel de qualitative Charakteristiken vum Site an d'Bild an d'Gesellschaft ze verbesseren. Am Kär, d'et net ze Entwécklung Outil komplizéiert, mä et doud bis wierklech de Prozess an Ressource Entwécklung, an der Vitesse vun hirer Aarbecht.

Ënner anerem, simplifies et de Code an, an engem gewësse Sënn, ass et portable fir aner Ressourcen, dass, wéinst der Tatsaach, datt de benotzt CSS-sprites ähnlech sinn wéi déi enk Famill, well Dir déi selwecht grafeschen Iddien benotze kann, Stil Design Elementer Dialog, Struktur an Inhalter vun der Tag.

Am normal Laf vun der Entwécklung vum Site vill vun Fotoen ze maachen. Ganz oft, huelen dës Biller an ganz wéineg Plaz, mee sinn ëmmer eng speziell Datei. Fir all Betribssystem vun all Server engem Fichier oppen - dëser Operatioun, eng Zäit-opwänneg, awer net vill mat Respekt un Zäit ënnerscheeden, wou e Fichier op der 13. vun 13 Pixel opgemaach ass, a wann de Fichier aus 16 Biller 52 vun 52 Pixel opgemaach gëtt. Am éischte Fall muss Dir 16 Fichieren an 16 oppen / liesen Operatiounen, an der zweeter Fall 16 Biller gëtt als Resultat vun der Ouverture vun nëmmen eng Datei kritt ginn.

Wann Dir eng Formatioun vun Fichieren op de Sujet schafen (horizontal Menü, Forme vun Dialog, Rechner Knäppercher Kalenner Design Elementer ...), datt esou Biller kombinéiert kënne flexibel vum Site ze Site geplënnert.

d'Nodeeler

Wann et Fans sinn, ze frisky recommandéiert CSS ze benotzen sprites sinn onbedéngt déi, déi gewëssenhaft den Thema sinn studéiert a weist kloer, dass et ëmmer praktesch ass déi al äusgeleiert Manéier ze schaffen.

Jo, wann et ee Fichier vun 16 Biller ass, amplaz vun 16 oppen / liesen Operatiounen wäert een amplaz 16 Bild Dateie ginn. Mä de markéiert ass, datt all Browser e Cache huet, an et haten eppes nëmmen als leschten Auswee. Zousätzlech, sinn normalerweis d'Säit Elementer iwwerlaascht wann Dir éischt d'Säit fueren, an iwwerlaascht dann nëmmen geännert.

Aneren Aspekt. Typesch, ass d'Bild geschnidde ginn, net zu engem eenzege Fichier Plack gëtt. Iergendwéi ass et eng Technik entwéckelt, et besser ass ze soen, d'Mooss. D'Designer schaaft de Layout an Layout benotzt seng Stécker: goufe geschnidden Stécker vun der Layout. Géigner sprites gleewen, datt e puer Biller an engem Fichier plécke weider - Konsuméiere Aktivitéit, déi de ganzen Säit Design vergréissert.

Et ginn déi Entwéckler déi de Zuel vun HTTP--Demanden gleewen an optimiséieren, gleef dass dëst Besatzung méi pragmatesch ass wéi CSS-sprites.

All Zäiten uginn sinn sécherlech wichteg, mä vill méi wichteg ass der Meenung: et soll bannent raisonnabel Grenzen applizéiert ginn.

Bekannte an CSS-Sprites

Wann et kee Sënn mécht CSS Sprites Generator ze lafen an de Recht Deel vun der Design kréien, dann hält näischt einfach dësem Deel vun der normal Wee nohuelen. Wann konventionell Technik mécht et noutwendeg honnerte vu Biller ze Géigewier, ass et preferable d'Javascript-Funktioun ze Skizz, aus der gewënschter Beräich vun der sprite déi vun Noutwennegkeet wielen wäerten an et Kaart.

Et soll awer feststellen ginn, datt d'sprite vun zwou oder dräi Elementer, oder eng Dosen aner - gutt, mä wann an der sprite honnerte vun Zeechnungen, e puer mat Javascript-Funktioun Problemer schreiwen, natierlech, wäert net geschéien, mä wéi vill Aarbecht et zu der Kreatioun huelen wäert vun esou enger grousser sprite ... Zousätzlech, gekollt Biller - dat eent CSS sprite Generator a mécht de gewënschte Bild, an CSS-Code fir et, hien ëm rauszesichen wéi vill ginn der Assemblée Elementer vun der sprite. Problemer féiere wann de Site Design änneren, Ewechhuele an Zousätzlech vun neien Elementer remaking. Entwécklungslänner engem sprite, sollt Dir net iwwer wéi et ze benotzen, a wéi et dann änneren.

Betreff Virdeel sprites vun benotzt

Géigesaz CSS programméiere Sproochen, ass dat eng relativ statesch Formatioun vun Regelen all seng Dynamik vun de Regelen alles ass an hir funktionell Inhalt (Standard). Que der sprites am Komplex, der HTML, d'CSS kann engem thematescher-funktionell Design vun der Bibliothéik schafen.

Zum Beispill, de fäerdege Versioun vum Menü: Verbindung einfach MÉI CSS-Regelen, JS-Funktiounen an och de Code Zuel vun HTML-divs, kënnt Dir d'Resultat kréien. Duerch den Operateur den Inhalt vum Bild vun der sprite, kanns de kucken vum Menü änneren. de Kierper vun der Funktioun Precisioun, kënnt Dir d'Funktionalitéit ajustéieren.

Kréien enger komescher Variant vun Objet-konzentréiert programméiere (OOP). Sécher, wier et eng schéin Iddi ginn, mä et gëtt net ze hell ginn zu Stand eraus géint den Hannergrond vun anere OOP Sproochen, Konsens ass amgaang real. Et ass just am Ufank '90er, wann der PLO erëmbelieft war a sech ongewéinlech séier eng Plaz an der Sonn kréien, et ass eng spezifesch Idee an eng konkret Form vu sengem Ausdrock, mä elo d'Entwéckler hunn mat esou vill Konsens ass amgaang kommen an wéi et verschiddenste russesch huet.

Spillsaachen - e Bonanza fir sprites

Opreegung a programméiere - inkompatibel Konzepter, mä programméiere Kompetenzen, Schreiwen Spiller, ass Ofstand anescht aus obschebytovoy (einfach Dateverschlësselung) a kreativ (Design an Entwécklung vun neien Technologien, Iddien).

Spill Design Responsabel Vecteure Grafiken, well d'Kombinatioun vun SVG-sprites + CSS-Regelen net nëmmen Nofro, mä oft den Objet vun der Entwéckler gëtt (vum Site) bis den Objet vun engem real Spill. Besonnesch, gëllen d'populär Spill blëtzaarteg Schrack fir d'Conditioune vun der sprites, Spraydousen ganz sënnvoll Synonyms: Héichiewe, Blutt, d'Vue ...

Den Ausdrock "Formatioun der sprite CSS v34" fir de dat ganz normal an ze verstoen ass. Sprites sinn net nëmmen an der Benotzung vun der Déngscht, an Essenz fonnt, mä och e gratis Sproochenunterricht gemaach, déi relativ voll-souzen ass, leeschte kann an einfach eng bestëmmte Krees vun Konsumenten ze verstoen.

CSS-sprites: Beispill

eng Rei vu Méiglechkeeten fir eng bestëmmte Sprooch Säiten op de Site ze wiesselen gi benotzt, mä wann der Sprooch selector als Ikon ze Leeschtunge, d'Léisung engem sprite mat esou kucken kann:

Kloer Nodeeler sprites

Éischt vun all, ass et Zäit-opwänneg an unzeleeën Prozess. Et ass eng Saach - d'Design an kleng Stécker fir Géigewier, an déi aner - eng Foto vun de ville klenge ze sammelen. Demande d'Iddi vun der elektresch a Plaz et op all vun de Biller op der Säit benotzt ass komplett onnëtze.

Och CSS sprites Generator benotzt, kann Schwieregkeeten net verhënnert ginn, virun allem wann et néideg ass de Site Design ze vergréisseren. Foto vun e puer Zénger vun sprite Biller - Et ass net eng Partie vun Elementer, hunn d'Grafiken Grafiken, ass et normalerweis just ugewisen op Écran, amplaz Zortéieren de Code als vill aus der rietser Punkt ze fannen.

Standard an Entwéckler folgende seng Fuerderung, dass den sprites mat enger Politik Hannergrond Occasiounsautoen assoziéiert, et ass just eng Hannergrond Bild an net de Site Element. Grafesch Elementer Volet vun enger Säit soll Tag img manipuléieren.

Et ass schwéier op der einfache Grond, datt wann genuch Hannergrond averstanen war als gemeinsam Hannergrond ugesi. Et ass just den Hannergrond, egal wat - Mini Element oder de ganze Säit.

Mëttlerweil, representéiert ärt Komponent engem schlëmmen Hindernis fir d'Benotzung vun sprites.

sënnvolle benotzen

Trotz der Tatsaach, datt d'Konditiounen "Internet Technik" an "héich Technologie" Zifferen gin ass considéréiert, an Tatsaach, ass et Zäit-opwänneg an heiansdo Héich-Tech Aarbecht. Sprites sinn net besonnesch verkleed Verglach mat anere maachen an reng programméiere an Javascript oder PHP, wéi och an der Entwécklung vun der néideg Funktionalitéit, Prozesser vun llt Siten oder Informatiounen Kader, wéi den Hannergrond schafen Archiv Exemplare.

Muecht a Perspektiven vun Gebrauch vun Inhalt Gestioun Systemer oft Nuancen vun hir praktesch Applikatioun hunn, a manuell Ressource Entwécklung, als Regel, féiert, fir de Besoin fir d'1001st Zäit eng oder déi aner e propriétaire Algorithmus zu misse.

An dësem Kontext, ass et ze einfach raisonnabel wichteg all ze benotzen, datt e modernt Instrument gëtt. gin nët ze gäeren een iwwer den Trainer ze benotzen, an d'Proprietairë vun Site Gebai liest wéi follegt: Dir net iwwert wéi ze denken mussen d'Aarbecht sou séier wéi méiglech un den Ugrëff, a wéi et zu exekutéieren sou datt am Fall vun all onerwaarte Situatioun séier geléist ginn all Problem.