CSS animacinius: iš pagrindinių metodų ir naudingų patarimų aprašymas

Modernus svetainės turi būti greitas, gražus ir efektyvus tiek vystymosi stadijoje, ir dirbant su klientu. Kaip taisyklė, kiekviena įmonė, kuri sukuria internetinius išteklius, siekia turėti savo veidą, pritraukti lankytojus su savo dizaino, stiliaus, patikimumas, greitis ir kitus atributus.

Naudingų savybių spruklius

CSS-animacinius gali pagerinti tiek kokybinių savybių svetainėje ir įmonės įvaizdį. Pagal savo esme, tai ne per daug sudėtinga plėtros priemonė, bet ji tikrai pagreitina procesą ir išteklių plėtrą, o jų darbo greitį.

Tarp kitų dalykų, jis supaprastina kodą ir, tam tikra prasme, tai yra nešiojamas kitų išteklių, kad dėl to, kad naudojamos CSS-Trophy yra panašus kaip artimus giminaičius, nes jūs galite naudoti tą patį grafiniai idėjos, stiliaus dizaino elementai dialogą, struktūra ir turinys žyma.

Be įprastinės raidos svetainėje padaryti daug nuotraukų. Labai dažnai šie vaizdai užima labai mažai vietos, tačiau visada yra atskira byla. Bet operacinė sistema bet serverio atidaryti failą - šis veiksmas, daug laiko, tačiau nebus labai skiriasi atsižvelgiant į laiką, kai failas yra atidarytas 13 13 pikselių, o kai failas atidaromas iš 16 Nuotraukos 52 52 pikselių. Pirmuoju atveju, jūs turite 16 failus ir 16 OPEN / skaityti operacijas, antruoju atveju 16 nuotraukos bus gautus kaip tik vieno failo atidarymo rezultatas.

Jei kuriate failų šia tema rinkinį (horizontalus meniu, formų dialogą, kad skaičiuoklė mygtukai kalendorinių dizaino elementai ...), kad tokie vaizdai gali būti derinama lanksčiai perkelti iš vienos svetainės į kitą.

neigiama

Kai yra ventiliatoriai, per judrus rekomenduojama naudoti CSS animacinius yra nebūtinai tie, kurie yra kruopščiai studijuoti šią problemą ir aiškiai rodo, kad tai visada praktiška dirbti senamadiškas būdas.

Iš tiesų, jei yra vienas failas 16 nuotraukų, vietoj 16 OPEN / skaitymo operacijos bus vienas vietoj 16 vaizdo failai. Bet Pavyko tai, kad kiekviena naršyklė turi talpyklą ir jis įkelia kažką tik kaip kraštutinė priemonė. Be to, paprastai puslapis elementai yra pakrautas, kai pirmą kartą aplankyti puslapį, ir tada pakrauti pasikeitė.

Kitas aspektas. Paprastai, vaizdas yra sumažinti, o ne klijuoti į vieną failą. Kažkaip jis sukūrė technologiją, tai geriau sakyti, pagal užsakymą. Dizaineris sukuria išdėstymą ir išdėstymą naudoja savo gabalus: smulkiai supjaustytus gabalus išdėstymo. Oponentai animacinius mano, kad įlaipinami kelis vaizdus į vieną failą - reikalaujanti veikla, kuri padidina bendrą puslapio dizainas.

Yra tie kūrėjai, kurie tiki ir optimizuoti HTTP užklausų skaičių, manydamas, kad šis darbas yra labiau pragmatiški nei CSS sprites.

Visi nurodyti datos yra neabejotinai svarbus, tačiau daug svarbiau yra vaizdas: ji turėtų būti taikoma laikantis pagrįstų ribų.

Automatika ir CSS-sprites

Jei jis neturi prasmės paleisti CSS Sprites generatorius ir gauti tinkamą dizaino dalis, tada niekas netrukdo tiesiog atsigriebti šį įprastu būdu dalį. Jei tradicinis technologija būtina sumažinti šimtus vaizdų, tai geriau eskizas JavaScript funkciją, kuri neišvengiamai bus pasirinkti iš norimo ploto Sprite ir rodyti ją.

Reikėtų pažymėti, kad iš dviejų arba trijų dalių, arba tuzinas kitų Sprite - visi teisūs, bet kai į Sprite šimtus piešinių, kai su raštu JavaScript funkcinių problemų, žinoma, nebus, bet kiek darbo ji imsis, kad kūrinijos toks didelis Sprite ... Be to, klijai nuotraukos - tai vienas CSS Sprite Bendravimas ir daro norimą įvaizdį, ir CSS-kodas, tai jis nerūpėjo kiek sudedamosios elementai Sprite. Problemos kyla, kai perdirbinėti svetainės dizainas kaitos, pašalinimo ir papildymo naujais elementais. Kuriant Sprite, jums reikia galvoti ne apie tai, kaip jį naudoti, ir kaip ji tada pakeisti.

Tema nauda naudojant animacinius

Skirtingai CSS programavimo kalbomis, tai yra gana statiška taisyklių rinkinys visi jos dinamiką lemia taisyklės ir jų funkcinio turinio (standartas). Atsižvelgiant į komplekso, sprites HTML, CSS gali sukurti teminius-funkcinis dizainas bibliotekoje.

Pavyzdžiui, gatavo versija meniu: tiesiog prijungti kelis CSS-taisyklės, JS-funkcijos ir įtraukti kodo skaičių HTML žymos, galite gauti rezultatą. Keičiant į Sprite atvaizdo turinį, galite pakeisti meniu išvaizdą. Nurodžius kūną funkciją, galite reguliuoti funkcionalumą.

Gauk savitą variantą Objektinis programavimas (OOP). Žinoma, tai būtų ryškus idėja, tačiau ji negali būti per šviesus išsiskirti iš kitų OOP kalbų fone, tarmės reali. Tai tik 90-ųjų pradžioje, kai PIO buvo atgaivinta ir tapo neįprastai greitai įgyti saulėje vieta, tai yra specifinė idėja ir betono forma savo išraiška, bet dabar kūrėjai turi sugalvoti, kaip daug tarmių, nes turi įvairios rusų.

Žaislai - tai Bonanza už sprites

Jaudulys ir programavimas - nesuderinami koncepcijos, bet programavimo įgūdžių, rašymo žaidimai, yra labai skiriasi nuo obschebytovoy (paprastas šifravimo) ir kūrybos (dizaino ir naujų technologijų, idėjų).

Game Design kreipiasi į vektorinę grafiką, nes SVG-sprites + CSS taisyklių ne tik paklausos, bet dažnai derinys tampa kūrėjas (svetainės) į nekilnojamojo žaidimo objektą. Visų pirma, populiarus žaidimas Counter Strike taikomos nuo sprites sąlygomis, purškikliai gana prasmingas Sinonimai: sprogimo, kraujas, akyse ...

Frazė "nustatyti Sprite css v34" už inicijuoti yra gana normalu ir suprantama. Sprites randama ne tik komunalinių naudoti, iš esmės, bet ir sudarė nišą, kuri yra gana pilnai, įperkamas ir lengvai suprasti tam tikrą ratą vartotojams.

CSS-animacinius: Pavyzdys

iš galimybių tam tikra kalba pereiti puslapių svetainėje yra naudojamos įvairios, bet jei kalbų selektorių atlikti kaip piktogramos, sprendimas naudojant Sprite gali atrodyti taip:

Akivaizdūs Trūkumai animacinius

Pirmiausia, tai laiko ir kruopštus procesas. Tai vienas dalykas - sumažinti dizainą į mažus gabaliukus, o kita - surinkti iš daugelio mažų vaizdą. Taikyti drobės idėją ir padėkite jį ant visų paveikslėlių naudojamų svetainėje yra visiškai beprasmiška.

Net naudojant CSS sprites generatorius, sunkumai negali būti vengiama, ypač kai ji yra būtina pakeisti svetainės dizainą. Pridėti į kelių dešimčių Sprite vaizdų - tai ne elementų masyvas, grafika turi grafika, tai paprastai tik ekrane, o ne rūšiavimas kodą kaip masyvas rasti tinkamą elementą.

Standartinė o kūrėjai po jo teiginį, kad kaip susijęs animacinius su politikos fone naudojama tai tik fono paveikslėlį, o ne svetainės elementas. Grafinis komponentų puslapio elementai turėtų manipuliuoti tag img.

Sunku susitarti dėl paprastų priežasčių, kad kai pakankamai fone buvo suvokiamas kaip bendrą foną. Tai tiesiog fonas, nesvarbu, ką - miniatiūrinė elementas arba visas puslapis.

Tuo tarpu, grafinis komponentas atstovauja rimta kliūtis į animacinius naudojimui.

teisėtai naudoti

Nepaisant to, kad terminai "Interneto technologija" ir "aukštųjų technologijų" yra laikomas sinonimu, iš tikrųjų, tai yra laiko, o kartais ir labai mažai technologijų darbas. Sprites yra ne itin apsirengęs, palyginti su kitomis kliūtimis gryno programavimo JavaScript arba PHP, taip pat atsižvelgiant į reikalingą funkcionalumą plėtrą, nustatant procesus pildymo svetainėse ar informacijos, pavyzdžiui, fone sukurti archyvas kopijas.

Maitinimo ir perspektyvos naudoti turinio valdymo sistemas dažnai išlyginti niuansų jų praktinio taikymo, ir vadovas išteklių plėtra, kaip taisyklė, veda į būtinybę už 1001. kartą perrašyti vieną ar kitą patentuotą algoritmą.

Atsižvelgiant į tai, svarbu tiesiog protinga naudoti visus, kuri suteikia šiuolaikišką priemonę. Ar ne per daug nori naudoti vieną prieš kitą, o auksinė taisyklė į svetainę pastato suformuluota taip: jums reikia galvoti ne apie tai, kaip kuo greičiau perduoti darbą, kaip įmanoma, ir kaip jį vykdyti taip, kad tuo atveju nenumatyto situacija gali būti greitai išspręstas bet problema.