CSS Div Builder

Developer: Del Sol Software

Current Version: 1.2

Last Updated: 4 years ago

Download Size: 1.3 MB - Download


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:
CSS positioning.
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.


Release Notes:

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.


Most Helpful Reviews

Version 1.2
Review by Basementjack

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.

Found helpful by 4 out of 5 people

More Reviews for Current Version

Version 1.2
Review by VoyeGER

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.

Found helpful by 9 out of 9 people