Skip to content

An extension for Brackets that will clean the content from Reflow into something to help with hand coding.

Notifications You must be signed in to change notification settings

pvbergen/Brackets-Reflow-Cleaner

 
 

Repository files navigation

#Reflow Cleaner

This extension hopes to clean the HTML that Adobe Edge Reflow makes in order to provide a better starting spot for hand coded projects.

Author

The author of this extension is Terrence Ryan (https://github.com/tpryan). I merely added a workaround to get the CSS extractor to work again with a new version of Brackets/Adobe Edge Code CC.

Abilities

Currently the project does the following:

HTML

  1. Converts id's that you mark in Reflow into elements
  2. Removes Clearfix classes
  3. Removes textspan id's

CSS

  1. Extracts color information from color, background-color, and background-image gradients.
  2. Extracts all font families.
  3. Extracts media queries.
  4. Extracts gradient code.

Future

More stuff. I want it to do more, but I'd love feedback on what that more is.

##Thanks

https://github.com/bahamas10/css-color-names
For having a complete JSON map of all of the CSS color names.
http://forrst.com/posts/Find_the_closest_nearest_HEX_color_of_a_small-JDB
For giving me a way to find the closest CSS color name to a give Hex value.
http://glazman.org/JSCSSP/
For a JavaScript CSS parser.

About

An extension for Brackets that will clean the content from Reflow into something to help with hand coding.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 100.0%