Ever tried to code a nutrition label in HTML?
It is not easy! Holding true to our mission of making nutrition information more accessible, we are releasing what we hope to be the first of many open-source tools to help developers and food brands share nutrition data.
Check out our project on GitHub:
See a live demo of the jQuery Nutrition Label
HTML5 and Mobile Friendly
The goals of the open nutrition label project are simple:
- Closely resemble the FDA-standard nutrition label used on most packaged foods
- Display properly in common desktop and mobile web browsers
- Automatically calculate the Daily Value % based on a customizable recommended daily calorie intake (not limited to just 2000!)
Calling all Bloggers, Developers, and Hackers
Some example uses of the open nutrition label include:
- Posting nutrition information for a recipe on your blog
- Displaying nutrition information for a packaged good
- Viewing the nutritional details of an item in a diet-tracking app
The possibilities are endless. We will continue improving the label, but we would love to hear your input and feature requests via the GitHub issues tracker.
The Future of Nutrition Labels
As nutrition labeling standards are bound to change, it is important for any websites listing nutrition information to similarly adhere to new standards, and our open nutrition label project aims to improve that. With your help, we can rapidly improve the ways we display nutrition data on the web.
Founded in 2010, Nutritionix has a mission to make nutrition information more accessible. By partnering with restaurants and food manufacturers, Nutritionix provides a critical link between the companies creating nutrition information, and the consumers who need to access that data.