Hey nice! One thing I might recommend is independently scrolling the main section from the property editor on the right (have that in a fixed position?). The idea is to be able to see the Navs example when you're changing the padding/colors for the Navs Components. That was much harder for me to play with than the buttons which are visible as I changed the background color since their scroll position was similar.
Second this! A fixed sidebar is definitely a requirement to make this site more usable. I would also love to see a left-align editing bar instead of a right-align and a a totally separate background / place on the page rather than an absolutely positioned element. Great tool for quickly testing color and theme changes, but I'd want to see a number of changes to be something I'd use regularly instead of my editor.
Thank you veeeeery much for this comment, I really appreciate it. The right hande column isnt meant to be absolutely positions, I think I have just done the colun slightly incorrectly.
I did originally try to make it all scroll correctly into the right sections, but wasnt able to do it properly.
Really I could use some help on how to get the functionality in place.
The Docs site can be developed independently of the main library (which powers the editor).
Its all built peacemeal using grunt and some templates.
Any idea on how to do the scrolling :) if someone points me in the right direction it would help me do it quicker!
I think this needs a tutorial or something - I couldn't work out how to use it or make anything much happen (I don't care greatly for Bootstrap, but I'm always interested in web-based editor type things).
If you are using Chrome, there should be color pickers etc, which you can access by going into the Components Tab.
Then click one of the color pickers, and choose a color. Then it should update the demo interface on the left (you may need to scroll to find the right section)
If your using chrome you need to manually enter the values, like #000.
What sort of tutorial do you think, perhaps one of the ones which displays popovers next to each section, and guides you through it ?
Agreed. When you open the editor page, it's not obvious that there are more tools you can use. Also, there's very low contrast between the theme being edited and the tools bar on the right, it's quite confusing.
I would like to thank everyone so much. Truly.
I dont know if Cluckles will go anywhere, but I have consistently had between 60-100+ users at all times on the site since submitting here.
Heres some other staggering statistics which ONLY COUNTS TODAY (at the time of posting)
"Once your happy with the changes" should be "Once you're happy with the changes"
"In the future I will look into adding support other CSS Frameworks" should be "In the future I will look into adding support for other CSS Frameworks" or "In the future I will look into supporting other CSS Frameworks"
"Let me know if you create anything your proud of" should be "Let me know if you create anything you're proud of"
(Grammatical nitpicking aside, this is a really neat tool!)
