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?
I work with an awesome cast of developers at Mozilla, and one of them in Daniel Buchner. Daniel's shared with me an awesome strategy for detecting when nodes have been injected into a parent node without using the deprecated DOM Events API.
A while back I shared a clever technique for creating triangles with only CSS. Over the past year, I've found CSS triangles incredibly effective, especially when looking to create tooltips or design elements with a likewise pointer pattern. There's another common shape...