CSS-sprites: ka hōʻike o ka hoʻokumu 'ana i kūpono a me ka mea kōkua ma lalo

Hoikehonua, paena e e hoʻokēʻai, a me kaʻoluʻolu efficient nā ma ke kahua o ka? Acaeoey, a me ka hana ana me ka Client wā. E like me ka rula, o kela poe e hana online, kumu waiwai, uaʻimi mai kēlā i ka i kā lākou mau maka, e,ʻo nā malihini a me kona mea i manao ai, estilo, pono, ka māmā a me ka 'ē aʻe.

Pono keia mau mea waiwai o sprites

CSS-sprites ke hoʻoikaika 'ana i nā ka qualitative ano o ka paena a me ka poe ka kiʻi. Ma kona kāna mau 'ōlelo, he hana i oi aku huikau ulu koʻi lipi, akā, ia anei ka mämä holo i ka kaʻina hana a me nā kumu waiwai i kūpono' ana, a me ka mämä holo o ko lākou mau hana.

I waena o nā mea a pau, ka mea simplifies ke karaima, a, ma ka kekahi ano, ia mea lawe i nā kumu waiwai i, aie i ka mea i ka hoʻohana CSS-sprites e like me ka pili hoahanau, no ka mea, e hiki ke hoʻohana i ka ia mea kiʻi manaʻo, kaila manao hehee waleʻano o, 'ole a me Contents o ka Tag.

Ma ka maʻamau papa o? Acaeoey o ka paena, e hana i ka hailona o ke kiʻi. Loa pinepine, i kēia mau kiʻi lawe i loa iki aku, akā, e mau ke kaʻawale waihona. No kekahi pae'ōnaehana nenoaiu o kekahi kikowaena wehe i ka waihona - keia hana, he manawa-e hoopau ana, naʻe, e ole oko me ka nui loa me ka mahalo i ka manawa ia i ka waihona e wehe i ka 13 ma ka 13 nā kiko kiʻi, a me ka wā o ka waihona ua weheia mai ka 16 slike 52 ma ka 52 nā kiko kiʻi. Ma ka hihia mua, oe i 16 AEIU a me 16 hāmama / heluhelu ana, i ka lua o ka hihia 16 kiʻi loaa like me ka hopena o ka puka o ka hoʻokahi wale nō waihona e e.

Inā 'oe e ho okumu i ka lākou o AEIU ma luna o ke kumuhana (papamoe' ike no, ano o keʻano o, ka me ka m'kini helu pihi 'alemanaka i manao ai oihana mua ...) i ia mau kiʻi hiki ke hui flexibly hoʻoneʻe mai paena i ka paena.

ka downside

I ka loaʻa mau kânaka, he frisky? Aeiiaiaoaony e hoʻohana CSS sprites e pono ka poe i malama këia i ke kahe, a maopopo iho la i hōʻike i ia mea mau mea hiki ke hana i ke kahiko puʻu waiū ala.

Ua, ina he mea kekahi waihona o 16 slike, kahi o ka 16 hāmama / heluhelu ana, e lilo ia i hoʻokahi kahi o 16 kiʻi AEIU. Akā, ke liana nei i na lako i ka ahu, a me ia wahie, i kekahi mea wale nō me ka hope e akoakoa ai. Eia hou, ua ukana i hookuu i kaʻaoʻao hehee wale ia e kipa mua i kaʻaoʻao, a laila ukana hoʻololi wale.

Kekahi kēia lākiō. Nō kāu, ua oki i ke kiʻi,ʻaʻole tuko i ka hookahi waihona. Somehow ka mea, ua ulu ka enehana, ia mea maikaʻi, e olelo aku, i ka aoao. Ke akamai hana ke kūpono a me ka kūpono hoʻohana i kona mau'āpana: finely sliced apana o keʻia. Mau hoa sprites manaʻo e lalau aku i kekahi mau kiʻi i loko o kekahi waihona - e hoopau ana haʻawina, a maoli he ka huinaʻaoʻao manao.

Aia i ka poe haku polokalamu, ka poe manaoio a me ka hoʻoikaika i ka helu o ka http-noi, me ka manaoio aku i keia, he oi pragmatic ma mua o CSS-sprites.

All manawa i hōʻike mai i kanalua nui, akā, ua nui aku kona nui o ka manao: ia E e pili loko pono Oeao.

Hana nona iho a me ka CSS-Sprites

Inā ka mea, i ole ano e holo CSS Sprites mīkini hana wāwahie, a kiʻi i ka hapa akau o ka manao, a laila, i ka mea e kāohi 'ia paha wale e i keia aoao o ka mea maʻamau ala. Inā 'enehanaʻike mauʻo ia ka mea pono e oki haneri o nā kiʻi, ia mea e ahoʻia e sketch i ka pio ka-hana, a no ka mea, e koho mai i ka makemake wahi o ka sprite a me ka hōʻike' ana i ia.

Ia e ke kaulana, nae, i ka sprite o elua a ekolu hehee wale, a he kakini 'ē aʻe - a pau pono, akā, i ka wā i loko o ka sprite haneri o Nails, kekahi me kākau pio ka-hana pilikia, o ka papa, e ole i hoʻomaka ai, akā, pehea ka nui o ka hana ka mea, e lawe ana i ka haku o ia he nui sprite ... Oae, glue slike - keia kekahi CSS sprite mīkini hana wāwahie a me ka hoolaha aku i ka makemake kiʻi, a me ka CSS-code no ka mea,ʻaʻoleʻo ia i malama i ka nui o e ka constituent hehee wale o ka sprite. Pilikia e ala mai ka wā remaking i ka paena manao loli, ana a me ka hou ana o hou hehee wale. ? Ac? Aaioea i ka sprite, oe e manaʻo mai e pili ana i ana i ka hana ia, a pehea ia laila loli.

Ke kumuhana Ke pomaikai o ka hoʻohana sprites

Haʻalele CSS iaaiey 'ōlelo, keia mea he kŘpa a kūpaʻa lākou o nā rula konaʻano a pau me ka nānā' ana i ka rula a me kā lākou ooieoeiiaeuiiai maʻiʻo (hae). Noonoo pono i ka sprites i loko o ka luna ', ka HTML, ke CSS ke hana i kekahi la ia lakou-iaea ooieoeiiaeuiiai manao o ka hale waihona puke.

No ka laʻana, i ka hoʻopauʻana o ke mana o ka 'ike no: wale hoʻohui mau CSS-rula, js-oihana, a loaʻa i ka hoopai karaima helu o HTML-divs, e hiki ke kiʻi i ka hopena. E hoʻololi i ka maʻiʻo o ke kiʻi o ka sprite, e hiki ke hoʻololi i ka nana ana o ka 'ike no. Hoakaka ana i ke kino o ke kuleana pili i, e hiki hoʻomaʻa i ka functionality.

E kiʻi i ka hoailona Lolina o ka mea-aʻo i kaʻoihana iaaiey (oop). Sure, ka mea makemake ia he ao alohilohi i manaʻo, akā, ka mea e,ʻaʻole eʻoi aku ka ao alohilohi i ke ku mai e ku e ia i ke kāʻei kua o nā oop 'ōlelo, olelo maoli. He wale nō i loko o ka kakahiaka nui '90s, i ka wa a ka PLO i ola ae la ia, a lilo unusually koke loaʻa kekahi wahi i loko o ka la, ia mea he maopopo manaʻo, a me ka pōhaku puna ano o kona' aoʻao, akā manawa i hele mai i na haku polokalamu me ka na olelo e like me ka mea i like Lūkini.

Toys - He bonanza no sprites

Pīhoihoi, a iaaiey - incompatible manaÿo, akā, iaaiey mākau, kākau lealea, mea markedly okoa mai obschebytovoy (alodio encryption) a makakū (manao a me ka ulu o ka 'ike loea hou, manaʻo).

Game Design hoopii kiʻi maʻi lele ia, no ka mea, o ka hui malu pu ana o SVG-sprites + CSS-rula ole wale koi, akā, pinepine i ka makemake o ka mea haku polokalamu (o ka paena) a hiki i ka mea o kekahi maoli hihiu. Ma 'ana, ka mea kaulana hihiu LIKE LIKE pepehi ana au i pili i nā hua'ōlelo o nā sprites, paipu, lā ka manaʻoi synonyms: makani, ke koko, ka maka ...

Ka hopuna'ōlelo "i ka sprite CSS v34" no ka hoʻomaka Ua maʻamau a me ka maopopo. e loaʻa Sprites ole wale i loko o ka hana ana o ka pili i ka hoʻoponopono, ma Mānoa, akā, i hanaʻia i ka niche, i mea he piha-Ka makamake nui, affordable a me ka oluolu, e ike i kekahi pōʻai o nā mea kūʻai mai.

CSS-sprites: Laʻana

heʻano o koho no i kekahi 'ōlelo e OIeEOEIeAeEIIe, i nā palapala ma ka paena e hoʻohana' ia, akā, inā i ka 'ōlelo selector, e hana me ka ikona, ka pāʻoihana hoʻohana i ka sprite e nana me keia:

Ahuwale drawbacks sprites

Mua o nā mea a pau, e ka manawa-hoopauia'na a me meticulous kaʻina. Ia mea i kekahi mea - e oki i ka manao i loko o a liilii, a me ka mea 'ē aʻe - e ohi i kekahi kiʻi o na mea uuku. Pili i ka manaʻo o ka canvas, a kau ia ma luna o nā mea a pau o nā kiʻi i hoʻohana 'ia ma luna o ka paena mea pau futile.

O hoʻohana CSS sprites mīkini hana wāwahie, hihia hiki ole ke käpae ', o ka oi aku ia ia mea e pono ke hoololi i ka paena manao. Pākuʻi i loko o kekahi mau umi o ka sprite kiʻi - ka mea, aole he kaua a hehee wale, me nā kiʻi i kiʻi, ka mea, ua IeAUPIIe, IAa IO e hōʻike ma luna o ka pale, kahi o ka hoʻomaopopoʻana mai i ka lula me ka hoʻouka, e imi i ka'ikamu akau.

Hae a me nā mea haku polokalamu kēia i kona kuleana i like sprites pili me ka kulekele kāʻei kua Used, ia mea wale nō ke kāʻei kua kiʻi aʻaʻole i ka paena hehee ai. Kimia ke keʻena oihana mua o kaʻaoʻao e manipulate Tag img.

He paʻakikī e ae ma ka poe noonoo ole kai i ka wā lawa kāʻei kua i ike like me ka hoʻomaopopo like mau kaʻao. Ua like ke kāʻei kua,ʻaʻohe mea mea - he'āhihi hehee ai 'ole ka palapala holoʻokoʻa.

Ia manawa, i ka Kimia ke keʻena poe i keʻakeʻa nui i ka pono o sprites.

judicious hoʻohana

I loko nō o ka mea i nā hua'ōlelo "Internet enehana" a me ka "kiʻekiʻe 'enehana" ua manaoia e e synonymous, ma ka oiaio, e ka manawa-e hoopau ana a kekahi manawa loa haʻahaʻa-ʻenehana hana. Sprites ka mea,ʻaʻole pakahi aku la ia i hoʻoponopono i like i nā bottlenecks i loko o ke gula iaaiey i pio a PHP, e like me ia ma ka hooulu ana o ka pono functionality, hoonoho iho la keʻano o ka hanaʻana o ka hoʻopiha kahua a ike, e like me ke kāʻei kua ho okumu ana Archive kope.

Power a me ka manaʻolana 'ia o ka pono o ka maʻiʻo nenoai pinepine e hoʻomoe ana nuances o lākou e pili ana, a me ka manuale mau? Acaeoey, e like me ka rula, hiki aku ai i ka pono no ka mea 1001st manawa e rewrite kekahi' ole ka 'ē aʻe he kūpono algorithm.

Ma keia pōʻaiapili, ia mea nui ia wale kupono i ka hoʻohana 'ana i nā mea e hoʻolako i kaʻiʻo nō o kēia mea paahana. Mai Mai eʻoi aku eager e hoʻohana i kekahi ma luna o ka mea 'ē aʻe, a me ke gula rula ma ka paena hale heluhelu ia penei: kou pono e manaʻo,ʻaʻole e pili ana i ka kekahi, ka hana i hikiwawe e loaa ana, a pehea e hana ia ai i ka hihia o kekahi unforeseen kulana home' ole hiki ke hoʻonā 'koke kekahi pilikia.