CSS-aljannu: wani bayanin ainihin dabaru da kuma amfani tips

Modern site to a yi sauri, nice da ingantaccen biyu a mataki na ci gaba, da kuma lõkacin da aiki tare da wani abokin ciniki. Kamar yadda mai mulkin, kowane kamfanin da cewa halitta online albarkatun, nema ya samu nasu fuska, don jawo hankalin maziyarta tare da zane, style, AMINCI, gudu da kuma sauran halayen.

Amfani Properties na aljannu

CSS-aljannu iya inganta biyu da ingantaccen halaye na site da kamfanin ta image. A da ginshikin, shi ke ba ma wuya cin kayan aiki, amma da gaske gudãnar up da tsari da kuma hanya raya kasa, da kuma gudun aikinsu.

Daga cikin abubuwan, shi simplifies da code kuma, a wani ma'ana, shi ne šaukuwa zuwa sauran albarkatun da cewa, saboda gaskiyar cewa amfani da CSS-aljannu masu kama a matsayin kusa da dangi, saboda ba za ka iya amfani da wannan zana ideas, style zane abubuwa tattaunawa, tsarin da kuma abinda ke ciki na tag.

A al'ada hanya na ci gaba da shafin ya yi mai yawa hotuna. Sau da yawa sosai, wadannan hotunan dauka sosai dan sarari, amma ko da yaushe wani raba fayil. Ga wani tsarin aiki na wani server bude fayil - wannan aiki, wani lokaci-cinyewa, duk da haka, ba zai bambanta muhimmanci game da lokacin da fayil aka bude a kan 13 da 13 pixels, da kuma lokacin da fayil aka bude daga 16 hotuna 52 da 52 pixels. A cikin farko case, kana da 16 fayiloli da kuma 16 bude / karanta yadda ake gudanar, a karo na biyu idan 16 images za a iya samu a sakamakon bude na daya kawai fayil.

Idan ka ƙirƙiri wani sa na fayiloli a kan batun (kwance menu, siffofin tattaunawa, da kalkuleta mashiga kalandar zane abubuwa ...) cewa irin hotunan da za a iya hada flexibly koma daga site to site.

A downside

Lokacin da akwai magoya, ma kansa ilimi sakamako shawarar yin amfani da CSS aljannu ne dole waɗanda suke a hankali nazarin batun da fili yana nuna cewa ne ko da yaushe m aiki da haihuwa kera hanya.

Lalle ne, idan akwai daya fayil na 16 hotuna, maimakon 16 bude / karanta yadda ake gudanar zai zama daya maimakon 16 hoto fayiloli. Amma abin zamba ne cewa kowane browser yana da wani cache, kuma shi lodi wani abu kawai a matsayin karshe mafaka. Bugu da kari, yawanci page abubuwa suna labta lokacin da ka farko ziyarci page, sa'an nan ɗora Kwatancen kawai canza.

Wani al'amari. Yawanci, da image ne a yanka, ba gam to guda fayil. Ko ta yaya ya ɓullo da wani fasahar, shi ne mafi alhẽri ce, da al'ada. A zanen halitta da layout da layout amfani da gunduwoyin: finely sliced guda na layout. Abokan adawar aljannu yi imani da cewa daukana up dama hotuna a daya fayil - cinyewa aiki, wanda qara total page zane.

Akwai wadanda developers suka yi ĩmãni kuma inganta da yawan HTTP-buƙatun, imani da cewa wannan zama shi ne mafi hadin fiye da CSS-aljannu.

All sau nuna shakka, ake da muhimmanci, amma yafi muhimmanci ne view: ya kamata a yi amfani a cikin m iyaka.

Aiki da kai da kuma CSS-aljannu

Idan shi ya sa hankalta gudu CSS aljannu janareta da kuma samun dama ɓangare na zane, sa'an nan kome ya hana kawai sa up wannan ɓangare na al'ada hanya. Idan al'ada da fasaha da ke sa shi dole don yanke daruruwan images, shi ne fin so zuwa zane da JavaScript-aiki, wanda na larura zai zabi daga so yanki na sprite da kuma nuna shi.

Ya kamata a lura, duk da haka, da cewa sprite biyu ko uku abubuwa, ko da dozin wasu - duk dama, amma a lokacin da a sprite daruruwan zane, wasu tare da rubutu JavaScript-aiki matsaloli, ba shakka, ba zai auku, amma nawa aikin zai dauki ga halittar irin wannan babban sprite ... Bugu da kari, manne hotuna - wannan daya CSS sprite janareta da kuma sa ake so image, kuma CSS-code for shi, ya bai damu ba nawa zai bijiro da batun kafa abubuwa na sprite. Matsaloli bayyana lokacin da remaking da shafin zane canji, kau da Bugu da kari na sabon abubuwa. Raya sprite, kamata ka yi tunani ba game da yadda za a yi amfani da shi, da kuma yadda shi sa'an nan canza.

Subject amfanin yin amfani da aljannu

Ba kamar CSS shirye-shirye da harsuna, wannan shi ne mai gwada canzawa sa na dokokin duk da kuzarin kawo cikas ne m da dokoki da su aikin abun ciki (misali). Idan akai la'akari da aljannu a cikin hadaddun, da HTML, da CSS iya ƙirƙirar wani jigo-aikin zane na library.

Alal misali, da ƙãre version na menu: kawai gama mahara CSS-dokoki, JS-ayyuka da kuma hada da code yawan HTML-divs, za ka iya samun sakamakon. By canza abun ciki na image na sprite, za ka iya canza look daga cikin menu. Tantance jiki na aiki, za ka iya daidaita da ayyuka.

Samun wani peculiar bambance-bambancen da abu-daidaitacce shirye-shirye (OOP). Tabbas, zai zama wani haske ra'ayin, amma shi ba zai zama ma haske zuwa tsaya daga kan bango na sauran OOP harsuna, Yaruka real. Shi ne kawai a farkon '90s, a lokacin da PLO da aka farfado da zama unusually sauri sami wani wuri, a rana, shi ne mai takamaiman ra'ayi da kuma a kankare nau'i na ta magana, amma yanzu da developers sun fito da matsayin yaruka da yawa kamar yadda a can yana da bambancin Rasha.

Toys - a bonanza ga aljannu

Tashin hankali da kuma shirye-shirye - m Concepts, amma shirye-shirye skills, rubuta wasanni, shi ne markedly daban-daban daga obschebytovoy (sauki boye-boye) da kuma m (zane da kuma ci gaban da sababbin hanyoyin fasaha, ideas).

Game Design Rokon to vector graphics, domin hade da SVG-aljannu + CSS-sharudda ba kawai bukatar, amma sau da yawa ya zama abu na developer (na site) zuwa ga abu na wani real game. A musamman, da rare game Counter Strike shafi sharuddan da aljannu, sprays quite m Kamancin: tsãwa ce guda, da jini, da gannanku ...

A jumlar "saita sprite CSS v34" domin fara ne quite al'ada da kuma m. Aljannu da ake samu ba kawai a cikin yin amfani da mai amfani, a ainihi, amma kuma kafa wani alkuki, wanda shi ne quite cikakken featured, araha da kuma sauki fahimta a wasu da'irar masu amfani.

CSS-aljannu: Example

da dama zaɓuɓɓuka saboda wani musamman harshe don canzawa shafukan a kan site aka yi amfani, amma idan zaɓin harshe yin matsayin icon, da mafita ta amfani da wani sprite iya duba, kamar wannan:

Bayyane drawbacks aljannu

Da farko, shi ne lokaci-cinyewa kuma meticulous tsari. Shi ne abu daya - a yanka zane a kananan guda, da kuma sauran - don tattara hoto na da yawa kananan. Aiwatar da ra'ayin na zane da kuma sanya shi a kan dukkan hotunan amfani a kan site ne gaba daya banza.

Ko yin amfani da CSS aljannu Generator, matsaloli ba za a iya kauce masa, musamman a lokacin da shi wajibi ne don canza shafin zane. Add a 'yan dubun sprite images - yana da ba wani tsararru na abubuwa, da graphics da graphics, shi ne yawanci kawai nuna shi akan allon, maimakon kasawa daga cikin code a matsayin wani tsararru samun' yancin abu.

Standard kuma developers wadannan da'awar cewa matsayin aljannu hade da wani manufofin bango amfani da shi, shi ne kawai wani bango image da kuma ba da shafin kashi. Graphic bangaren abubuwa na wani page kamata yi amfani da tag img.

Yana da wuya a yarda a kan sauki filaye cewa a lokacin da isasshen bango aka sani a matsayin na kowa bango. Yana kawai bango, ko da abin da - a dada kashi ko dukan page.

A halin yanzu, mai hoto bangaren wakilci a kawo cikas ga yin amfani da aljannu.

judicious amfani

Duk da cewa da sharuddan "Internet fasahar" da "high fasahar" an dauke su synonymous, a gaskiya, shi ne lokaci-cinyewa, kuma wani lokacin sosai low-tech aiki. Aljannu ba musamman ado idan aka kwatanta da sauran bottlenecks a m shirye-shirye a JavaScript ko PHP, kazalika da a ci gaba da zama dole aiki, kafa matakai na cika shafukan ko bayanai, kamar bango haifar Rumbun kofe.

Ikon da al'amurra na yin amfani da abun ciki gudanar da tsarin sau da yawa baje nuances na m aikace-aikace, da kuma manual hanya raya kasa, kamar yadda mai mulkin, take kaiwa zuwa da bukatar da 1001st lokaci zuwa tasiri daya ko sauran wata mallakar tajirai algorithm.

A wannan mahallin, yana da muhimmanci kawai m amfani da duk abin da samar da wani zamani da kayan aiki. Kada ku kasance ma okin ya yi amfani da daya a kan wasu, da kuma zinariya mulki a shafin gini karanta kamar haka: kana bukatar ka tunani ba game da yadda za a wuce da aikin maza maza, da kuma yadda za a kashe shi sabõda haka, idan akwai wani unforeseen halin da ake ciki za a iya sauri warware wani matsala.