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!
![Create Namespaced Classes with MooTools]()
MooTools has always gotten a bit of grief for not inherently using and standardizing namespaced-based JavaScript classes like the Dojo Toolkit does. Many developers create their classes as globals which is generally frowned up. I mostly disagree with that stance, but each to their own. In any event...
![Facebook Open Graph META Tags]()
It's no secret that Facebook has become a major traffic driver for all types of websites. Nowadays even large corporations steer consumers toward their Facebook pages instead of the corporate websites directly. And of course there are Facebook "Like" and "Recommend" widgets on every website. One...
![CSS content and attr]()
CSS is becoming more and more powerful but in the sense that it allows us to do the little things easily. There have been larger features added like transitions, animations, and transforms, but one feature that goes under the radar is generated content. You saw a...
![How to Create a Twitter Card]()
One of my favorite social APIs was the Open Graph API adopted by Facebook. Adding just a few META tags to each page allowed links to my article to be styled and presented the way I wanted them to, giving me a bit of control...
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.