Screencast demo at www.delsolsoftware.com/cssdivbuilder/videodemo.html
CSS Div Builder is not an HTML editor, but a utility app designed to quickly style beautiful CSS3 divs. As such, it does not include css filters for earlier IE browsers.
Graphically design a single HTML div with CSS. Preview the results as you work.
Copy the generated CSS for your div into your web development workflow.
Style Divs Graphically:
Easily create CSS Gradients with multiple color stops.
Try out different designs quickly.
Tweak margins, padding, shadows, colors.
Copy the CSS into your development workflow.
Custom Presets - Save your div's CSS for future use.
Learn CSS Visually:
Visually examine the subtleties of:
The box model.
Floating divs left & right.
Play with Shadows:
Add drop shadows.
Add up to 5 box shadows for different layering and depth effects.
Add up to 5 text shadows.
*css shadows not supported by all browsers.
Added option to leave out CSS Comments in generated CSS code.
Moved input controls to a new accordion style layout for easier access.
Reorganized CSS input sections with new accordion layout.
Fixed small bug where the spread on Box Shadow would not allow negative values. Makes for much nicer drop shadows.
Fixed small bug where the window could not be expanded past 1900 x 1100. Much nicer on large monitors.
Fixed small formatting bugs.
Ratings and Reviews
This is a super helpful reference tool
I've found this to be a super helpful refernce tool.
I don't do CSS / HTML every day, so when I do, I often need to look up the specific css - for example if I want a font bigger, is that font-size or font? If I change it's color is it font-color or color?
These questions are easliy answered with this tool - I can set the properties on the bottom left side, and confirm the behavor on the bottom right, and then see the actual CSS on the top right.
There have been other CSS tools in the past that are now defunct, and I find for $4 this has been a huge time saver over searching the interenet each time I do CSS work.
Very helpful - thanks!
I'm not good with CSS and this program is just what I needed to help visually design elements.
One suggestion: I'd absolutely love to be able to paste an existing css element into the css source box instead of starting from scratch. I found the Presets handy for storing ones I've built already in the program, but I often have to tweak existing styles.
I see where you are going I hope
This could be handy, but as it is, it just seems too limited. Some areas this could really shine would be to allow for the import of images for our background, and oh, maybe just have a way to set the background.
Basically if I am feeling like 'pimpin a div' to a point that I want a visual editor, I guess I want a strong visual editor. But you seem to be onto something because I really do think it would be awesome to have an app that makes a single div with all of the bells and whistles without lugging out some behemoth app. It's just that this app doesn't really provide much of an edge over hand coding for me.
Oh, and totalling up the width of the box after everything is applied would be helpful too.
I am guessing that this app is going to improve. I don't think it's all that handy to me in it's present form. I'll keep my eye on it for now.
With Family Sharing set up, up to six family members can use this app.