Windows 8 Pin METAs
Windows 8 allows for adding websites as apps (or maybe "bookmarks" is a better term) to the home screen, much in the vein that iOS allows users to do the same. Like iOS devices, Windows 8 allows users to accomplish this same task using custom META tags embedded within the page HTML:
<meta name="msapplication-TileColor" content="#FF0000" />
<meta name="msapplication-TileImage" content="/windows8-icon.png" />
The image size should be 144x144 and you'll want to define a custom background color with the META tag above. Tags like these are invaluable -- very little HTML to add but a giant convenience to users. Remember that the easier it is to get to your site, the more likely they will come back often!
![Animating CSS3 Transforms with MooTools Fx]()
![Create a Sheen Logo Effect with CSS]()
I was inspired when I first saw Addy Osmani's original ShineTime blog post. The hover sheen effect is simple but awesome. When I started my blog redesign, I really wanted to use a sheen effect with my logo. Using two HTML elements and...
![CSS 3D Folding Animation]()
Google Plus provides loads of inspiration for front-end developers, especially when it comes to the CSS and JavaScript wonders they create. Last year I duplicated their incredible PhotoStack effect with both MooTools and pure CSS; this time I'm going to duplicate...
![Modal-Style Text Selection with Fokus]()
Every once in a while I find a tiny JavaScript library that does something very specific, very well. My latest find, Fokus, is a utility that listens for text selection within the page, and when such an event occurs, shows a beautiful modal dialog in...
I wonder if there are HTTP headers that allows to do the same.
How do you actually go about adding the website as an app in windows 8?
Even though we *can* do this… it really bugs me that we have 8 different ways to set this kind of stuff per browser/device.
IMHO, it would have been much better if all browsers used the same “link” “favicon” in PNG/GIF/JPG format… and it had attributes for different size icons (device/browser to choose the best size for its needs)
Instead we have IE searching the at the server root for an icon in *.ico format, special meta tags for iOS, different tags for Windows8, etc. From a *lightweight* mobile perspective… cramming umpteen meta tags in to handle all the potential devices is totally counter productive!
Oh well… I guess this is progress!
why iOS allows users to do the same.
I agree with Stephen, with every other OS and social media site adding their own meta tags it’s bloating up the element.
That should have read head element.