LED assists developers by synthesizing CSS selectors using the examples provided by the developer.
Currently, the LED project is designed to run from the console of any web broser or can be installed as a Bookmarlet using this link.
In you would like to setup LED on your local machine, please follow the following steps
- Make sure your have node.js setup on your system.
- Clone this repository.
- Navigate to the cloned repository.
- Run npm install
- Run node index.js
- Open http://localhost:5000/ and follow the steps to bookmark the link
In order to use the tool, please follow the following steps.
- Hover on the DOM element that you want to select.
- Drag and Drop the DOM elements into the Step 1 box.
- Mark selected elements as positive or negative examples.
- Configure the type of CSS selected for the desired output.
- Click Generate Selector to initiate the code synthesis process.
- Hover over the synthesized CSS selectors to see what DOM elements are selected using the selector.
Please follow this link for a video demo or to install LED as a bookmarklet within your browser.
Your feedback is valued! Please use the Issue tracker for reporting bugs or feature requests.