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!
![Responsive and Infinitely Scalable JS Animations]()
Back in late 2012 it was not easy to find open source projects using requestAnimationFrame() - this is the hook that allows Javascript code to synchronize with a web browser's native paint loop. Animations using this method can run at 60 fps and deliver fantastic...
![Being a Dev Dad]()
I get asked loads of questions every day but I'm always surprised that they're rarely questions about code or even tech -- many of the questions I get are more about non-dev stuff like what my office is like, what software I use, and oftentimes...
![Sara Soueidan’s Favorite CodePen Demos]()
A few months ago, Chris Coyier shared his favorite CodePen demos right here on David's blog. A while back David asked me to share some of my favorite pens too, so here are some of the demos that have blown my mind in the past...
![Duplicate the jQuery Homepage Tooltips Using Dojo]()
The jQuery homepage has a pretty suave tooltip-like effect as seen below:
Here's how to accomplish this same effect using Dojo.
The XHTML
The above HTML was taken directly from the jQuery homepage -- no changes.
The CSS
The above CSS has been slightly modified to match the CSS rules already...
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!