4 ms·
Social icons in CSS3
- theone 16y agoNice ... may be later on some work of photoshop guys will come on to Web Developers
- alextgordon 16y agoI don't understand this trend of making images in CSS3. Isn't that what SVG is for?
- BerislavLopac 16y agoErrr, isn't that what PNG is for? o.O
- nikeshhayaran 16y agothe size of PNG is much bigger than one css file .. isn't it ..
- mitjak 16y agoAlso, gzip is much more efficient on plain text.
- nikeshhayaran 16y agovery much true..
- rokhayakebe 16y agoSome of us cannot make a nice looking shiny "Sign Up" button in Photoshop. So this is great.
- techiferous 16y agoI'm guessing it's done as an experiment and proof-of-concept instead of being offered as a best practice.
- nikeshhayaran 16y agoyes it is done as an experiment but don't you think by using CSS3 ... you don’t have to regenerate images every time you change the text, pages will load much faster because you don’t have to download separate images . i can say by css3 in some portion we can replace the images.
- techiferous 16y agoThe browser has to render the CSS, which takes a non-zero amount of time. It's possible that the browser rendering time of some (very) complex CSS could surpass the time to fetch an image over the network and render that.
- phoboslab 16y agoPutting these small images together into one file is a good way to speed up the load times of the page. However, I think the the CSS file would have been smaller with the icons as PNGs in a data URI or by using a single CSS-Sprite. You wouldn't be able to scale the icons, though.
- nikeshhayaran 16y agoCSS-Sprite is one way to speed up the load time but even though this css file is still much smaller than the size of images used in CSS-Sprite. And on the other hand the programmer could change icon property(like gradient , radius etc) very easily.
- der_ketzer 16y agoMaybe a nice photoshop plugin would be a converter for images (small images, icon like) to css (like adobe with flash to ipod)