Despite anchor tags having
HREF attributes which lead to other host names, browsers do not execute DNS lookups on those domains. Content prefetching can be invaluable in speeding up your websites, but did you know that you can also implement DNS prefetching? It's as easy as simple
<link rel="dns-prefetch" href="//somehost.tld" />
This technique can be very useful when your website links to related host names. Take Twitter for example; they implement two DNS prefetches:
<link rel="dns-prefetch" href="https://si0.twimg.com" />
<link rel="dns-prefetch" href="https://api.twitter.com" />
I'd be willing to bet that most of you didn't know this tag existed. It's an interesting idea with a very simple execution. What do you think? Do you manage websites that prefetching could be helpful for?
CSS animations are a lot of fun; the beauty of them is that through many simple properties, you can create anything from an elegant fade in to a WTF-Pixar-would-be-proud effect. One CSS effect somewhere in between is the CSS flip effect, whereby there's...
When you say or read "HTML5", you half expect exotic dancers and unicorns to walk into the room to the tune of "I'm Sexy and I Know It." Can you blame us though? We watched the fundamental APIs stagnate for so long that a basic feature...
In my oh-so-humble opinion, Facebook's Modal box is the best modal box around. It's lightweight, subtle, and very stylish. I've taken Facebook's imagery and CSS and combined it with MooTools' awesome functionality to duplicate the effect.
Facebook uses a funky sprite for their modal...
-webkit-touch-callout CSS property, which prevents iOS's link dialog menu when you tap and hold a clickable element. The
click actions from doing...