CSS sprites

Share anything about Web designs with other designers

CSS sprites

Postby gabriolagraphics » Wed Sep 15, 2010 2:16 pm

Hey all...

If you don't know or use CSS sprites (graphics layout)... check out my article about them at my blog: http://www.gabriolagraphics.com/blog.php?blog=71

I got the idea from css-tricks.com. Read their article here http://css-tricks.com/date-display-with-sprites/.

And the general info behind CSS sprites as to why they are so good, and cool at the same time... check it out: http://css-tricks.com/css-sprites/

Feel free to post links to any you have done! Thanks,
Kevan

Attached was a prototype for Google's graphical sprite.

google-sprites-prototype-logo.png
google-sprites-prototype-logo.png (20.86 KiB) Viewed 4861 times
Last edited by gabriolagraphics on Thu Sep 16, 2010 10:27 pm, edited 1 time in total.
User avatar
gabriolagraphics
Designer
 
Warnings: 0
Posts: 16
Joined: Sun Sep 12, 2010 6:25 pm
Location: Canada

Re: CSS sprites

Postby DCstudio » Wed Sep 15, 2010 4:30 pm

Nice post mate...
Usefull, thankyou.



ps. Hi, why i cant read image link? did i miss something here so i still cant see the attached image?
User avatar
DCstudio
Designer
 
Warnings: 0
Posts: 6
Joined: Mon Sep 13, 2010 6:45 am

Re: CSS sprites

Postby Chupacabra » Wed Sep 15, 2010 8:54 pm

great read. Thanks
User avatar
Chupacabra
Elite Designer
 
Warnings: 0
Posts: 18
Joined: Sun Sep 12, 2010 6:05 pm

Re: CSS sprites

Postby gabriolagraphics » Thu Sep 16, 2010 10:31 pm

DCstudio wrote:Nice post mate...
Usefull, thankyou.

ps. Hi, why i cant read image link? did i miss something here so i still cant see the attached image?


I have put the attached graphic inline so you should be able to see it no problem. Glad you liked. :)
User avatar
gabriolagraphics
Designer
 
Warnings: 0
Posts: 16
Joined: Sun Sep 12, 2010 6:25 pm
Location: Canada

Re: CSS sprites

Postby gabriolagraphics » Fri Sep 17, 2010 12:46 pm

Here is the sprite I used on my blog. It's pretty cool, because not only are you creating a design... but for the math to work on the CSS each pixel must be EXACTLY in place. Talk about PIXEL PERFECTION! :D

blog_date_sprite.jpg
blog_date_sprite.jpg (70.34 KiB) Viewed 4844 times
User avatar
gabriolagraphics
Designer
 
Warnings: 0
Posts: 16
Joined: Sun Sep 12, 2010 6:25 pm
Location: Canada

Re: CSS sprites

Postby jacklee15 » Thu Sep 15, 2011 11:34 am

Thanks a lot fir sharing this links... thanks so much ...useful

Thanks
Website Design
jacklee15
 
Warnings: 0
Posts: 8
Joined: Tue May 17, 2011 9:59 am


Return to Web Designs

Who is online

Users browsing this forum: No registered users and 0 guests