Skip to content

benfoxall/wtcss

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
lib
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

WTCSS

The main parts of this are:

  • a phantomjs script that launches the webserver and loads the pages
  • a node.js proxy to get around some cors issues (which I'm having trouble reproducing at the moment)
  • a script that is injected by the phantomjs to find the css rules, and the items they impact - lib/findStyles.js
  • a frontend page that makes the requests and renders the interactions with canvas - public/index.html

Running

This requires phantom.js, once you have that installed - you can fire up the server with:

phantomjs app.js

By default, this will run on http://localhost:8080

[optional] cors proxy

The cors proxy is a node.js app - you can run it with

npm install
node proxy.js

Then tell the phantomjs script to use that by setting the PROX env variable

PROX="http://localhost:5000/?url=" phantomjs app.js

Contributing

It would be ace if you wanted to help improve this tool. It's fairly hacked together at the moment so could do with a lot of love. If you have any questions about it at all ping me @benjaminbenben

About

What the css

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published