Skip to content
Permalink
Browse files

WIP: screenshots

  • Loading branch information...
c0bra committed Oct 16, 2017
1 parent 8339e18 commit e7b17f319a2315c8ce05a864b6707acdb26628a6
Showing with 30 additions and 8 deletions.
  1. +0 −6 .gitignore
  2. +29 −1 README.md
  3. +1 −1 cli.js
  4. BIN example.jpg
  5. BIN example.png
  6. BIN logo.png
  7. BIN screenshot.jpg
@@ -58,9 +58,3 @@ typings/
.env

.DS_Store

*.jpg
*.jpeg
*.png
*.bmp
*.gif
@@ -1,13 +1,41 @@
<h1 align="center">
<br>
<br>
<img width="400" src="logo.png" alt="deviceframe">
<br>
<br>
<br>
</h1>

> Put device frames around your mobile/web/progressive app screenshots.
![example](example.png)

# Get it

npm install -g deviceframe

# Use it

Pass in filenames, file globs, URLs to websites or URLs to images.

For website URLs

```
$ dframe cat.jpeg
$ dframe http://github.com
$ dframe http://githbub.com dog.png https://i.imgur.com/aw2bc01.jpg *.bmp
```

deviceframe will prompt you for the
deviceframe will prompt you for the frames you want to use. You can select multiple frames and search by typing. Once you have selected all the frames you want to use, hit ESC.

For website URLs, deviceframe will load the page with the aspect ratio and pixel density of selected device(s).


# TODO

[ ] - Thunderbolt Display is duplicated

# Attributions

Logo icon created by Vallone Design from the Noun Project
2 cli.js
@@ -147,7 +147,7 @@ function chooseFrames() {
prompt.then(answers => {
const foundFrames = frameData.filter(frame => some(answers, a => a === frame.name.toLowerCase()));
frames = uniq(frames.concat(foundFrames));
ui.log.write(`Frames: [${frames.map(f => f.name).join(', ')}]\n`);
ui.log.write(chalk.magenta(`\nFrames: [${frames.map(f => chalk.bold(f.name)).join(', ')}]\n`));
prompter();
});
}
BIN +186 KB example.jpg
Binary file not shown.
BIN +290 KB example.png
Binary file not shown.
BIN +2.97 KB logo.png
Binary file not shown.
BIN +186 KB screenshot.jpg
Binary file not shown.

0 comments on commit e7b17f3

Please sign in to comment.
You can’t perform that action at this time.