Comments on: Sprites nĂ« CSS http://feniksi.com/web/css/sprites-ne-css/ Wed, 01 Feb 2012 09:20:59 +0000 hourly 1 http://wordpress.org/?v=3.3.1 By: Driton http://feniksi.com/web/css/sprites-ne-css/#comment-32 Driton Mon, 19 Jul 2010 00:03:52 +0000 http://www.feniksi.com/?p=245#comment-32 Tutorial mjaft i mire...Vazhdoni keshtu Tutorial mjaft i mire…Vazhdoni keshtu

]]> By: Fadion Dashi http://feniksi.com/web/css/sprites-ne-css/#comment-30 Fadion Dashi Mon, 15 Mar 2010 10:51:10 +0000 http://www.feniksi.com/?p=245#comment-30 Hi Kokushta. Verejtja jote eshte e drejte dhe tani po e kuptoj qe menyra si e kam shprehur eshte ngaterruese. Elementi shfaq nje imazh qe ndodhet me poshte (prandaj dhe e kam shkruar ashtu), por ne te vertete imazhi ngjitet lart. Thnx per sqarimin. Sa i perket Sprites, jane vertete nje zgjidhje e mire per disa arsye. Ju permendet numrin e reqeusts, por me duhet te shtoj aksesueshmerine dhe mos ngarkimin e kote me JavaScript. Pa llogaritur qe koduesit pa eksperience nuk shkruajne JavaScript unobtrusive qe e ben te veshtire degradimin nese JS eshte i caktivizuar. Kam ne plan edhe te pakten 2 guida te tjera per Sprites ku do te tregoj disa teknika shume te lezetshme me JQuery. Stay tuned :) Hi Kokushta.

Verejtja jote eshte e drejte dhe tani po e kuptoj qe menyra si e kam shprehur eshte ngaterruese. Elementi shfaq nje imazh qe ndodhet me poshte (prandaj dhe e kam shkruar ashtu), por ne te vertete imazhi ngjitet lart. Thnx per sqarimin.

Sa i perket Sprites, jane vertete nje zgjidhje e mire per disa arsye. Ju permendet numrin e reqeusts, por me duhet te shtoj aksesueshmerine dhe mos ngarkimin e kote me JavaScript. Pa llogaritur qe koduesit pa eksperience nuk shkruajne JavaScript unobtrusive qe e ben te veshtire degradimin nese JS eshte i caktivizuar.

Kam ne plan edhe te pakten 2 guida te tjera per Sprites ku do te tregoj disa teknika shume te lezetshme me JQuery. Stay tuned :)

]]> By: Bledi http://feniksi.com/web/css/sprites-ne-css/#comment-31 Bledi Mon, 15 Mar 2010 10:31:54 +0000 http://www.feniksi.com/?p=245#comment-31 Shume i dobishem, Faleminderit, kemi nevoje per te tjera mesime dhe tutoriale rreth css dhe sprite's :) Shume i dobishem,

Faleminderit, kemi nevoje per te tjera mesime dhe tutoriale rreth css dhe sprite’s :)

]]> By: Gjergji Kokushta http://feniksi.com/web/css/sprites-ne-css/#comment-29 Gjergji Kokushta Mon, 15 Mar 2010 03:15:46 +0000 http://www.feniksi.com/?p=245#comment-29 Nje arsye me shume per publikuar sa me shume tutoriale Photoshop-i. :) Nje arsye me shume per publikuar sa me shume tutoriale Photoshop-i. :)

]]> By: Romeo Shuka http://feniksi.com/web/css/sprites-ne-css/#comment-28 Romeo Shuka Mon, 15 Mar 2010 01:52:12 +0000 http://www.feniksi.com/?p=245#comment-28 Hi Kokushta, une personalisht jam i ri ne fushen e CSS (kam pak kohe qe kam filluar ti mesoj saktesisht). Edhe kam pare qe disa designer profesionist bejne te gjithe figurat e faqes ne 1 Sprite te vetme. Pra bejne nje dokument te madh edhe fusin te gjith figurat. Kjo si the ti nornalisht eshte nje Plus i madh per serverin qe duhet te ngarkoj vetem 1 dokument por sipas mendimit tim nje minus per perdoruesin e thjeshte qe merr dokumentin nga Webmaster. Sepse besoj shume pak veta do ishin te afte te punonim me Photoshop e te modifikonin figuren e vetme e te gjeneronin nje te re :) Megjithese per faqe statike qe figurat nuk mendohet te ndryshojne eshte mire te perdoret kjo menyre :) Hi Kokushta,
une personalisht jam i ri ne fushen e CSS (kam pak kohe qe kam filluar ti mesoj saktesisht). Edhe kam pare qe disa designer profesionist bejne te gjithe figurat e faqes ne 1 Sprite te vetme. Pra bejne nje dokument te madh edhe fusin te gjith figurat. Kjo si the ti nornalisht eshte nje Plus i madh per serverin qe duhet te ngarkoj vetem 1 dokument por sipas mendimit tim nje minus per perdoruesin e thjeshte qe merr dokumentin nga Webmaster. Sepse besoj shume pak veta do ishin te afte te punonim me Photoshop e te modifikonin figuren e vetme e te gjeneronin nje te re :)
Megjithese per faqe statike qe figurat nuk mendohet te ndryshojne eshte mire te perdoret kjo menyre :)

]]> By: Gjergji Kokushta http://feniksi.com/web/css/sprites-ne-css/#comment-27 Gjergji Kokushta Mon, 15 Mar 2010 01:43:48 +0000 http://www.feniksi.com/?p=245#comment-27 Teme shume e dobishme. Nje ane pozitive e Sprite eshte dhe zvogelimi i kerkesave (requests) ndaj serverit hostues duke zvogeluar keshtu kohen e ngarkimit te faqes. Disa dizenjues jane mesuar te krijojne 3 imazhe per secilen gjendje te butonit (Normale, Hover, Down), pra 3 kerkesa, ndersa duke perdoru Sprite kemi vetem nje kerkese pasi te tre gjendjet e butonit jane ne nje imazh te vetem. Nje veretje te vogel tek gjendja Hover dhe Down: Perdorimi i <code>diplay:block;</code>ben qe elementi <code><a></code> te shfaqet si <code>div</code>. Koordinatat fillojne X=0; Y=0 nga qoshja majtas-lart; jane <code>pozitive</code> duke levizur djathtas dhe poshte; jane <code>negative</code> duke levizur majtas dhe lart. Perdormi i vlerave negative tek "zhvendosja vertikale" ben qe imazhi te zhvendoset lart me <code>-36px</code>. Pra gjendja Normale ngjitet lart duke bere te dukshme gjendjen Hover. E njejta llogjike ndiqet dhe per gjendjen Down. Teme shume e dobishme.
Nje ane pozitive e Sprite eshte dhe zvogelimi i kerkesave (requests) ndaj serverit hostues duke zvogeluar keshtu kohen e ngarkimit te faqes. Disa dizenjues jane mesuar te krijojne 3 imazhe per secilen gjendje te butonit (Normale, Hover, Down), pra 3 kerkesa, ndersa duke perdoru Sprite kemi vetem nje kerkese pasi te tre gjendjet e butonit jane ne nje imazh te vetem.

Nje veretje te vogel tek gjendja Hover dhe Down:
Perdorimi i diplay:block;ben qe elementi <a> te shfaqet si div. Koordinatat fillojne X=0; Y=0 nga qoshja majtas-lart; jane pozitive duke levizur djathtas dhe poshte; jane negative duke levizur majtas dhe lart.

Perdormi i vlerave negative tek “zhvendosja vertikale” ben qe imazhi te zhvendoset lart me -36px. Pra gjendja Normale ngjitet lart duke bere te dukshme gjendjen Hover. E njejta llogjike ndiqet dhe per gjendjen Down.

]]>