ugrás a tartalomhoz

sprite

CSS Sprites Revisited

Joó Ádám · 2012. Ápr. 13. (P), 00.26
A sprite-ok megszelídítése
 

Sprite készítő algoritmusok

inf · 2011. Nov. 9. (Sze), 23.34
Elég sűrűn előfordul egy weblapnál, hogy a sok képfájl miatt nyitott sok HTTP kapcsolat lelassítja az oldal betöltődését. Ezen sprite-okkal szoktak segíteni. Ezt úgy kell elképzelni, hogy fogunk egy nagy (jobb szó híján) vásznat, amire feltesszük az összes kis képet, amit az adott oldal be akar tölteni. Ezek után lementjük ezt a vásznat egy képfájlba, az oldal pedig egyetlen HTTP kapcsolattal ezt a fájlt szedi le, és darabolja fel ismét a megadott koordináták szerint css segítségével. A sprite készítést természetesen érdemes automatizálni. Én is ebbe kezdtem bele.

Data URIs make CSS sprites obsolete

Török Gábor · 2010. Júl. 6. (K), 16.14
Adat URI-alapú CSS sprite technika
 

CSS Sprites: Useful Technique, or Potential Nuisance?

Joó Ádám · 2010. Ápr. 2. (P), 13.32
Pro és kontra áttekintés
 

jQuery Spritely

Joó Ádám · 2010. Már. 26. (P), 11.40
Animált sprite-ok jQuery bővítménnyel
 

Spriteme

yaanno · 2009. Szep. 17. (Cs), 08.00
Image sprite automatikusan, a gyorsabb weboldalakért
 

CSS Sprites are Stupid – Let's Use Archives Instead! (Firefox Demo)

yaanno · 2009. Júl. 7. (K), 22.24
Miért nem jó a CSS sprite, és miért használjunk inkább JAR-t
 

Háromszögelés CSS-sel

_Nec · 2009. Május. 25. (H), 13.23
Navigációnál és UI kezelőfelületeknél látható kicsi, egyszerű háromszögekből álló nyilak képek és script használata nélkül
 

Automatizált CSS sprite készítés SmartSprites-szal

Török Gábor · 2009. Május. 23. (Szo), 22.25
A CSS sprite-ok elsődleges célja, hogy a webdesignt felépítő sok kis grafikai elemet egy (vagy néhány) nagyobb méretű képbe rendezzük, így csökkenthetjük a kiszolgáló felé küldött kéréseket. A CSS sprite-okat noha kézzel is létre lehet hozni – ld. nemrég boncolt blogmarkot, ahol a szerző ezt a design kialakítás első lépései közé javasolja –, hosszabb távon felmerül a kérdés, vajon lehetne ezt a folyamatot némiképp automatizálttá tenni. Itt jön a képbe a SmartSprites.

CSS Spriting Tips

Török Gábor · 2009. Már. 30. (H), 14.19
Ötletek CSS sprite készítéshez