https://github.com/pabluk/ubuntu-html5-app-screenshots

Create screenshots with a real device frame of your HTML5 apps
https://github.com/pabluk/ubuntu-html5-app-screenshots

Last synced: about 7 hours ago
JSON representation

Create screenshots with a real device frame of your HTML5 apps

• Host: GitHub
• URL: https://github.com/pabluk/ubuntu-html5-app-screenshots
• Owner: pabluk
• Created: 2014-03-03T17:54:10.000Z (over 10 years ago)
• Default Branch: master
• Last Pushed: 2014-03-03T18:30:14.000Z (over 10 years ago)
• Last Synced: 2024-06-13T20:27:17.717Z (5 months ago)
• Homepage:
• Size: 1.22 MB
• Stars: 3
• Watchers: 4
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
ubuntu-html5-app-screenshots

============================

This scripts allows you to quickly create screenshots with a real device frame

of your HTML5 apps running on the `ubuntu-html5-app-launcher`.  

This provides better visual context for your HTML5 app screenshots on your web site or in other promotional materials.

The device image is licensed under Creative Commons Attribution 2.5.  

For details and restrictions, see http://developer.android.com/distribute/promote/device-art.html

Example

-------

![App Screenshot](https://raw.github.com/pabluk/ubuntu-html5-app-screenshots/master/examples/screenshot-win.png) ![Device Screenshot](https://raw.github.com/pabluk/ubuntu-html5-app-screenshots/master/examples/screenshot-dev.png)

Usage

-------

You need install some system packages

```bash

sudo apt-get install imagemagick wmctrl x11-utils

```

launch the `ubuntu-html5-app-launcher` from the [Ubuntu SDK](http://developer.ubuntu.com/apps/html-5/tutorials/meanings-app-html5-tutorial/),

open a terminal window and enter

```bash

./ubuntu-html5-app-screenshots.sh

```

Screenshots are stored by default into `screenshots/`.