Peter Grassberger

Digital Native, Movie Addict, Web & Game Dev, Pirate.



Style Links By hreflang

or how to mark links with a different language.

I've been using the hreflang tag for some time now to mark links that point to websites with content in different languages. It's nice to have this kind of semantic information, but no browser displays links any different base on it. I like the way Wikipedia marks its external links with an icon and I wanted something similar for my and sites. I found something on Lachy's Log: Handy CSS that was almost what i wanted, take a look at the final version below or as a gist.