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 a CSS Flipping Animation]()
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...
![Responsive Images: The Ultimate Guide]()
Chances are that any Web designers using our Ghostlab browser testing app, which allows seamless testing across all devices simultaneously, will have worked with responsive design in some shape or form. And as today's websites and devices become ever more varied, a plethora of responsive images...
![Create a Simple Slideshow Using MooTools]()
One excellent way to add dynamism to any website is to implement a slideshow featuring images or sliding content. Of course there are numerous slideshow plugins available but many of them can be overkill if you want to do simple slideshow without controls or events.
![Font Replacement Using Cufón]()
We all know about the big font replacement methods. sIFR's big. Image font replacement has gained some steam. Not too many people know about a great project named Cufón though. Cufón uses a unique blend of a proprietary font generator tool...
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.