Firefox OS Manifest .htaccess Handler
Want to know one of the secrets why Firefox OS is so incredibly awesome? If you've created your website correctly, i.e. using CSS media queries (responsive design) and JavaScript feature detection, you can simply add an app.manifest file at the root of your domain and you've instantly created a Firefox OS app! Of course you'll then want to list your app in the Firefox Marketplace. The most frequent problem developers run into is with their app.manifest file not being served correctly. With an update to the .htaccess file of the hosted app, that problem can go away!
The .htacess Code
The problem is that the manifest.webapp file isn't being served properly, so an AddType is the key:
AddType application/x-web-app-manifest+json .webapp
The .htaccess snippet above ensures that the manifest is served correctly, thus eliminating the annoying manifest error and letting you get your app listed on the Marketplace!
![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...
![Page Visibility API]()
One event that's always been lacking within the document is a signal for when the user is looking at a given tab, or another tab. When does the user switch off our site to look at something else? When do they come back?
![CSS Rounded Corners]()
The ability to create rounded corners with CSS opens the possibility of subtle design improvements without the need to include images. CSS rounded corners thus save us time in creating images and requests to the server. Today, rounded corners with CSS are supported by all of...
![Using Opacity to Show Focus with jQuery]()
A few days back I debuted a sweet article that made use of MooTools JavaScript and opacity to show focus on a specified element. Here's how to accomplish that feat using jQuery.
The jQuery JavaScript
There you have it. Opacity is a very simple but effective...
In my nginx config manifest listed as(taken from mime.types file):
text/cache-manifest manifest;
If based on your example it would be:
application/x-web-app-manifest+json manifest
This is a really helpful post as I was looking to add my app on the Firefox marketplace for some time now. I am going to check it out soon! Since I am huge fan of Firefox Add-on Builder and SDK, I want you to check this blog post regarding developing Firefox add-ons.
http://groupdocs.com/blog/tech-blog/archive/2013/02/01/developing-firefox-add-ons-with-the-add-on-builder-and-sdk.html
I use GroupDocs viewer plugin for Firefox and it has good performance for a browser-based app but this add-on post has me confused. Hoping to hear from you on this!