Tagged Questions

4
votes
1answer
104 views

What is the best way to optimise a site with lots of images for a Retina display?

I am going to have a website which will deal with a lot of images. What is the best way to optimise them for Retina display without having much of an impact on website loading times? There seems to ...
7
votes
3answers
334 views

Directory structure for a website (js/css/img folders)

For years I've been using the following directory structure for my websites: <root> ->js ->jquery.js ->tooltip.js ->someplugin.js ->css ->styles.css ...
3
votes
0answers
185 views

CSS rounded corners around image [closed]

I have tried several ways to get rounded corners around images without success. The best I got was using the image as background and applying the round corners style to the div as in this picture. ...
30
votes
3answers
3k views

Why do big sites host their images/css on external domains?

Why do big sites (Facebook, Twitter, Google, Tumblr & so on) host their images/css on external domains? Facebook: http://static.ak.fbcdn.net/ Twitter: http://a0.twimg.com Google: ...
4
votes
3answers
362 views

Best semantic structure & SEO optimised approach for image replacement for badges?

In the past, I extensively used CSS image replacement techniques for SEO purposes and to separate presentation from content. But from my reading of the Google Webmaster guidelines and other ...
8
votes
3answers
3k views

iPad and iPhone browser rotating images on site?

I am experiencing an odd occurance on a site I'm building right now where images are displayed 90 degrees different from how they are supposed to, but while maintaining the normal dimensions of the ...
1
vote
2answers
1k views

CSS2 way of accomplishing what CSS3 border-image does?

What is the best way these days to make a visually interesting border around a div using images? CSS3's border-image would perfect, but it's CSS3. I don't want to rely on that yet. Is there a ...
0
votes
1answer
192 views

image behind adsense

i want to have an image behind my google adsense just like the below image but when i tried the following css L{ background: transparent url("http://www.triphp.com/images/adback.png") repeat-x ...
1
vote
1answer
268 views

Fixed background images not displaying correctly on any web browser

http://i.stack.imgur.com/z8yEP.png <- screenshot for this question (not enough reputation) I am using fixed position images as seen at css-tricks.com/examples/BlurryBackgroundEffect/ to create a ...
10
votes
2answers
307 views

Communicating image size, best practice

If you are developing a html document strictly using current best practice of keeping styling out of the markup how do you best communicate image sizing? Past best practice wants image height and ...
2
votes
2answers
176 views

How do I make a sprite full of different images (hover, non-hover, etc)?

I understand there are tools on the net to make a sprite, but I'd like to learn how to create icons for the different states of the icon. Is there an easy way to make all these different variations ...
11
votes
3answers
4k views

How to pre-load images used only on hover?

I have a link that starts with one background image and then changes on hover to another. Both background images are set in the CSS. My browsers (any of them) don't seem to load the hover image ...
9
votes
6answers
882 views

How can I encourage the browser to download images from CSS file faster?

I use CSS to place a lot of my images (as backgrounds for divs) and I often find that they load very slowly this way. They seem to be the last thing to load. Even small little icon images take a ...