Na-agbasa saịtị gị na CSS Sprites

spritemaster weebụ

M na-ede banyere ọsọ peeji ntakịrị na saịtị a ma ọ bụ akụkụ dị mkpa nke nyocha na mmelite anyị na-eme na saịtị ndị ahịa anyị. Ewezuga ịkwaga na sava dị ike na iji ngwaọrụ dịka Netwọk Nzipu Afọ, enwere ọtụtụ usoro mmemme ndị ọzọ onye nrụpụta weebụ nwere ike iji.

Standardkpụrụ maka mpempe akwụkwọ mbụ nke Cascading dị afọ 15 ugbu a. CSS bụ mmalite dị mkpa na mmepe weebụ n'ihi na ọ kewapụrụ ọdịnaya na imewe. Lee na nke a blog na ihe ọ bụla ọzọ na ọtụtụ n'ime ndị styling dị iche bụ nanị na mmasị stylesheet. Stylesheets dịkwa mkpa n'ihi na a na-echekwa ya na mpaghara n'ime oghere n'ime ihe nchọgharị gị. N'ihi ya, ka ndị mmadụ na-aga na saịtị gị, ha anaghị ebudata mpempe akwụkwọ oge ọ bụla… naanị ọdịnaya peeji ahụ.

Otu ihe mmeghe nke CSS nke anaghị etinyekarị aka bụ Ndị CSS. Mgbe onye ọrụ gara ileta weebụsaịtị gị, ị nwere ike ịchọpụta na ha anaghị arịọ otu maka ibe ahụ. Ha rịọ ọtụtụ arịrịọRequest arịrịọ maka ibe, maka ụdị mpempe akwụkwọ ọ bụla, maka faịlụ Javascript ọ bụla agbakwunyere, wee nwee onyogho ọ bụla. Ọ bụrụ na ị nwere isiokwu nwere ọtụtụ onyonyo maka ala, igodo ụzọ ụzọ, nzụlite, bọtịnụ, wdg.… Nchọgharị ga-arịọ onye ọ bụla, otu oge site na sava weebụ gị. Mee nke ahụ site na ọtụtụ puku ndị nleta na nke ahụ nwere ike iri puku kwuru puku arịrịọ emere na sava gị!

Nke a, n’aka nke ya, na-ebelata saịtị gị. A ngwa ngwa saịtị nwere ike inwe mmetụta dị egwu na njikọ aka na ntụgharị na ndị na-ege gị ntị na-eme. Atụmatụ nke ndị mmepe weebụ na-eji eme ihe bụ itinye ihe oyiyi niile n'otu faịlụ… a na-akpọ a sprite. Kama ịrịọ arịrịọ maka ihe oyiyi faịlụ gị ọ bụla, ugbu a ọ dị mkpa ka e nwee otu arịrịọ maka otu onyonyo ahụ!

Can nwere ike gụọ gbasara otú CSS Sprites si arụ ọrụ na CSS-Aghụghọ or Smashing Magazine CSS Sprite post Isi okwu m abụghị igosi gị otu esi eji ha, naanị ịdụ gị ọdụ iji hụ na ndị otu mmepe gị na-etinye ha na saịtị ahụ. Ihe atụ nke aghụghọ CSS na-egosi ihe oyiyi 10 bụ arịrịọ 10 wee gbakwunye na 20.5Kb. Mgbe a chịkọtara na otu sprite, ọ bụ 1 arịrịọ nke ahụ bụ 13kb! Oge arịrịọ njem na oge nzaghachi maka onyonyo 9 apụla ugbu a ma belata ọnụọgụ data karịa 30%. Mee nke ahụ site na ọnụ ọgụgụ ndị ọbịa na saịtị gị ma ị ga-akpụcha ụfọdụ akụ!

ụwaThe Apple Ogwe ụzọ igodo bụ ezigbo ihe atụ. Igodo ọ bụla nwere steeti ole na ole… ma ị nọ na peeji a, pụọ na ibe ahụ, ma ọ bụ na-atụgharị bọtịnụ ahụ. CSS na-akọwa nhazi nke bọtịnụ ma gosipụta mpaghara nke steeti ziri ezi na ihe nchọgharị ndị ọrụ. Steeti ndị a niile dara na otu eserese - mana mpaghara gosipụtara site na mpaghara dịka akọwapụtara na mpempe akwụkwọ ụdị.

Ọ bụrụ na ndị mmepe gị hụrụ ngwa ọrụ n'anya, enwere ọtụtụ ihe nwere ike inyere ha aka, gụnyere Kompas CSS kpuchie ya, Arịrịọ maka ASP.NET, CSS-Onye edemede maka Ruby, CSSSprite edemede maka Photoshop, SpritePad, Ntughari, Udochukwu, Ndị ZeroSprit, Fondue si CSS Sprite Generator, Sprite Master Weebụ, Na Udochukwu Akwụkwọ ibe edokọbara.

Nseta ihuenyo Sprite Master Weebụ:
spritemaster weebụ

Martech Zone anaghị eji ihe osise dị na gburugburu isiokwu ya, yabụ na anyị ekwesịghị itinye usoro a n'oge a.

2 Comments

  1. 1

    Chere ...

    Eleghị anya, akpọgharịrị ihe aha kemgbe oge ikpeazụ m na-edozi ụdị ihe a mana enwere m ike ṅụọ iyi na Sprite bụ ihe mechiri egosipụta, ọ bụghị nnukwu tebụl data ewepụtara ya.

    (“Sprite table”… na ọ bụghị ya?)

    • 2

      Anyị nwere ike na-ekwu ihe abụọ dị iche iche, Mak. Site na CSS, ị nwere ike ịkọwapụta 'akụkụ' nke faịlụ onyonyo iji gosipụta iji nhazi. Nke a na-enye gị ohere itinye onyonyo gị niile n'ime otu 'sprite' wee tụọ aka na mpaghara ịchọrọ iji CSS gosipụta.

Kedu ihe ị chere?

Ebe a na-eji Akismet iji belata spam. Mụta otu esi etinye usoro data gị.