Chrome’s Web Store has been live for several months now, and a flurry of great apps have launched. Some of my personal favorites are Grooveshark, Springpad, and Read Later Fast. Not to mention, Angry Birds is now a webapp!
Anyhow, if you have aspirations to create your own webapp, here’s a very basic “Hello World” style app to get you started, courtesy of the folks at Lifehacker.
This very basic web app will be a shortcut to any website. First, create a new folder on your desktop, and give it a name. Next, open up a text editor and paste in the code below:
{
"name": "LonePlacebo",
"description": "A bookmark to the one and only, LonePlacebo",
"version": "1.0",
"icons": {
"128": "128.png"
},
"app": {
"urls": [
"http://loneplacebo.com"
],
"launch": {
"web_url": "http://loneplacebo.com"
}
},
"permissions": [
"unlimitedStorage",
"notifications"
]
}
Here, you can edit the sections such as the name, description, and url. I’ve used this blog as an example. Once you’re done, save the file and call it “manifest.json” and store it in the folder you created earlier. Next, create any 128X128 px image, naming it 128.png and save that in your folder.
Lastly, head over to your Extensions page at chrome://extensions. Click the Developer Mode link on the top right corner to reveal three buttons. Select “Load unpacked extension…” and navigate to your folder where you’ve stored your web app then hit ok.
Open up a new tab, and BAM! You’ve just created your first Google Chrome web app! Congratulations.


