Light

johnhunter / phantom-curator-nw Goto Github PK

View Code? Open in Web Editor NEW

0.0 3.0 0.0 536 KB

A desktop application for managing PhantomCSS visual diffs. Old and outdated, historical interest only

Shell 1.61% JavaScript 43.45% CSS 54.94%

reactjs node-webkit desktop-application phantomcss

phantom-curator-nw's Introduction

phantom-curator-nw

A desktop application for managing PhantomCSS visual diffs.

This builds on the original web app phantom-curator but turns it into a desktop app.

Get the app

zip / dmg files are too big to be hosted in github - for the moment you need to checkout the repo and build

Development

based on Node-Webkit
using gruntjs for builds
using Reactjs and Browserify for the js app
using Pure for css

Getting started

tl;dr on windows and in a hurry? - just go

otherwise:

npm install

then to build

grunt

Dev working

There are 3 builds (default runs all of them):

grunt prepare - preprocess lib files etc
grunt build - builds the reactjs and makes the node-webkit app (use this to see code changes)
grunt package - creates the distribution zips / installers

To work on code run grunt build and then open the app exe in webkitbuilds/releases/phantom-curator/<os>/phantom-curator

Once running you can use Ctrl-Shift-i to open the debugging console.

phantom-curator-nw's People

Contributors

Watchers

phantom-curator-nw's Issues

make a nice app icon

next / prev navigation on the detail view

Partially complete - added keyboard next / prev

Rebasing causes error

On reloading the list following a rebase - an error is thrown.

Proper installers

option of list or tile view

Build .dmg file for OSX

For now we're just creating a zip file. But when LinusU/node-appdmg#14 is resolved we should build .dmg files.

Allow user to state where rebased images should be saved

Some configurations store reference images separately to the diffed comparisons (i.e. copy them from a different location - typically with the application source).

Allow the user to optionally select a target folder for rebased images.

Improve the UI

The UI needs some polish.

start using sass
update Purecss or use an alternative
make it a nice modern looking app

remember previous file locations

Rather than store the current file location, we should:

store the last 5 file locations
present them as a menu so user wont need to navigate the file system so often

fix detail display for large images

larger images are falling off the bottom of the app screen, need to maximise the use of screen while allows users to view the entire visual

scale down?
zooming?
scrolling?

Recommend Projects

React

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

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

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

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
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.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

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

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.