Saving...
Share Your Build
Make some changes then save. Then you will have your own version of this build and you can share your creation.
Builds Linked to @
Logout of Twitter
Create a Build from URL
(Experimental)
http://
x
HTML < >
CSS { }
Save Changes
Login With Twitter
v1.1
Html 5
HTML 4.01 Strict
HTML 4.01
XHTML 1.0 Strict
XHTML 1.0
XHTML 1.1
<head> <title>CssIzer</title> </head> <body> <h1>Cssizer.com</h1> <p>Cssizer is a simple tool to let you edit the design of an html page in real time (As you type).<br/> You can then use the url you are given to share your design with others.<br/> A great way to experiment with css, or let a designer tinker with your css rules. An online css sandbox so to speak.</p> <h2>How does this work?</h2> <ul> <li>Paste in or write from scratch your html code in the html pane.</li> <li>Then paste or write your css rules into the css code window. As the rules change you will see instant updates in the preview tab of the html pane</li> <li>When changes have been made, the preview link becomes highlighted letting you know you have unsaved changes.</li> <li>To save, simply click the Save Changes link.</li> <li>Hint The panes can be resized using the vertical drag bar between them.</li> <li>Go ahead, make some changes in the css window and see what happens over here.</li> </ul> <h2>Then What?</h2> <ul> <li>Once you have made a page, you probally wanna show it to somebody. Send them one of the links in the link panel at the bottom left of the page.</li> <li>Read/Write Url This url will give full access to you design, this url will allow changes to be saved to your page</li> <li>Read Only Url This url will give view only access. This is the url to post on a forum or the like. If changes are made while viewing this url, then its duplicated, and they are given a new page.</li> <li>Full Preview Url This url will show your preview in a seperate window ( without the editor frame )</li></ul> <h2>Are You Crazy? Will Hackers eat your children?</h2> <ul> <li>Yeah I probally am, id like to think people wont abuse this</li> <li>To keep the attacks to a minimum, I strip the following tags, <br/> <em>object, script, applet, iframe</em> </li> <li>Follow cssizer on Twitter to give feedback. <a href="http://twitter.com/#!/cssizer" target="_blank">@cssizer</a></li> </ul> </body>
body{ font-family:Arial,sans-serif; font-size:12px; color:#777; padding:20px; background-color:#fff; } h1,h2{ color:#777; font-size:38px; margin:0; font-weight:bold; letter-spacing:-0.06em; border-bottom:1px solid #dfdfdf; } h2{ font-size:21px; padding-top:10px; } li,p{ line-height:17px; margin-bottom:6px; } a{ color:red; }
