...a project that showcases my JavaScript skills. I am looking for consulting work so please contact me if you need a front-end designer/developer
Small nitpick: If you say you generate HTML5 markup, I think you should make use of the new HTML5 tags like <header>, <footer> etc in the rendered file. Right now it looks like you are just changing the doctype?
See how HTML5BoilerPlate uses the header & footer tags: https://github.com/h5bp/html5-boilerplate/blob/master/index....
It would also be nice it you can directly output a version of html that contains all the features from HTML5BoilerPlate.
Very nice first project. There was some recent discussion (http://news.ycombinator.com/item?id=3523316) about WYSIWYG editors for HTML. This is the first step toward exactly the type of tool that will make WYSIWYG useful to serious designers and frontend coders.
Yes yes, a thousand times yes.
It needs some more work of course but the potential is right there.
Also consider the other way round (analyze page that have been created by other means and extract the metrics)
In fact there is a whole product hidden in this, with the proper design and approach.
It's annoying having to click a button to adjust the bloxes. Would be better if you could just adjust them by dragging the sides.
I like it. It scares me a bit that the tool layout seems buggy on my Opera, does that mean that the output will be buggy there too?
That said, what can you expect from a weekend project on a browser with >1% market share. Nice job! I'll probably use this.
Very good work! I love the simplicity and the provided templates.
I would enhance the UI and maybe add inline code editing for blocks in the next version.
Good luck.
Awesome! Please do continue with this project. Such a generator allows for very cool features, such as integration of Google Web Fonts for default fonts.
@ctek - update your profile page if you are interested in making contacts here on HN. Cool project BTW!
Why such small font?
nice! can you add a button (next to render) that can zip&download all the files?
Initial thought: cool idea, but why would I want a tool to generate a css layout that wasn't responsive css in an age where mobile devices can NOT be ignored?
Nice! I think it would be smart if text can be edit without thinking HTML, like wysiwyg editor. Can edit layout includes h* and p.
Just a short note - vertical gutter should be either adjustable as well or simply the same as horizontal.
Great job. Maybe you can add the possibility to edit IDs/classes?
this is fantastic- great work!
That's really awesome, I will definitely use this. It would be even cooler if I could style it a little bit.
Since you focused on the layout only, I'll take the opportunity to show off my weekend project which will help picking a colorscheme: http://plainas.github.com/cubecolors/
As for pabeblox, looks handy, but you _must_ implement dragable border instead of buttons.
Make a version of this for twitter bootstrap and you will have reached an incredible amount of win.