Coder Social home page Coder Social logo

device-art's Introduction

device-art

device-art: a simple utility for framing your phone screenshots in a device skin.

Currently supported device skins are Nexus 5 (1080x1920), 6 (1440x2560), 5x (1080x1920), 6p (1440x2560) and iPhone 5 (640x1136), 6 (750x1334), 6S (1080x1920) and iPad Air 2 (1536x2048) . The screenshot must match the dimensions of the device.

enter image description here

Download

Download the latest versions for Windows, Mac and Linux on the GitHub releases page: https://github.com/mandarl/device-art/releases/latest

Usage

device-art can be used on the desktop to quickly capture a screenshot and frame it, or it can be used on a build server to frame screenshots taken as part of automated tests.

Here are example scripts to capture and frame screenshots: https://github.com/mandarl/device-art/tree/master/scripts

Option Description
-h, --help display help information
-i, --input-image *input screenshot image
-d, --device[=nexus_6] the device skin to use
-o, --orientation[=port] device orientation; can be port or land
-p, --output-file[=output.png] output file path

ToDo

  • Add more devices
  • Cache device images locally, currently it is an http get every time
  • Add batch processing for multiple screenshots
  • Option to read device images from local directory

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.