diffee

by una

una / diffee

Instant visual diffing in the browser

211 Stars 14 Forks Last release: Not found MIT License 23 Commits 0 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:

Diff Check

Quickly check the visual difference of two websites. This also works with local sites.

Getting Started with Contributing:

  1. Install node and make sure npm (Node Package Manager) is also installed
  2. Clone this repo with
    git clone https://github.com/una/gulp-starter-env
    (in terminal) or download the zip
  3. In terminal,
    cd
    (change directory) to the folder containing your project. (i.e. if I start at ~ and I have a Dev folder on my Desktop containing this project, I might type
    cd Desktop/Dev/gulp-starter-env
    ). Alternatively, you can type
    cd
    and drag the location of the folder into your terminal and hit enter.
  4. When inside the directory which contains this project in terminal, type
    npm install
    . If (and only if) you're having trouble with
    npm install
    , try
    sudo npm install
    -- this makes you act as a super user
  5. In the terminal, enter
    gulp
  6. Take note of the Access URLs provided in your terminal. Your web page should pop up at
    http://localhost:3000
    . You can access this same page on your various devices in the same wifi network with the provided External URL. You can share the External URL with coworkers and they'll see whats on your screen.
  7. Edit your Sass code inside of the scss folder. You can make subfolders inside of that to better organize your code. Prefix your sass files with an underscore. More info on using @import to organize your files here
  8. Your minified files will be automagically created and updated in
    dist/
    . It will create your optimized css, html, and javascript files for you. Never edit files within the
    dist/
    folder. (Dist stands for Distribution)
  9. Keep gulp running while you're making changes. When you want to close out of the gulp task, in the terminal, hit
    ctrl + C

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.