Junkie Tips: Using Protocol Relative URLs

If you’ve ever created a site that need https, then you have probably ran into this issue. In IE, you get a warning about some of the content not being secure. This warning is caused because you are serving some of your media, like images and CSS from a non https domain. A really quick fix for this is to just use // instead of http:// or https://. Believe it or not, this works and is a totally valid way to get around the issue.

Here’s a quick little example

<link href="//css/style.css" rel="stylesheet" type="text/css" />

or …

<img src="//path/to/the/image.jpg" alt="my image" />