CSS HTML tools
Get flash to fully experience Pearltrees
About the CSS Layout Generator The CSS Layout Generator was first released by Tony Aslett in October 2003, since then over 871,000 layouts have been generated. Updated in November 2010, HTML5 doctype can now be selected and a simple HTML5 template with appropriate tags will be created.
Changelog Transition to session-oriented model. Saved data is placed in local storage ( window.globalStorage or cookies) Ability to turn on asking for newly created node names. Layout changes in top panel.
Compatibility Notes If you are using Internet Explorer 6, you should be able to use this wizard with only minor limitations. This page does not work with Opera 8 or IE 5 on Mac.
Legend This tool uses enhanced, line-by-line, css-a-like syntax with space indent to generate xhtml markup. You can add tag, ids, classes, a bit of content (at the end after = char) and an additional code (between [ and ]).
This HTML - CSS template generator yields a three column layout without using any Tables. This HTML & CSS Style Sheet template generator outputs a full featured 3 column template. Resulting in an instant web page with a customized template that can be used to control the look n feel of an entire site. The resulting CSS web template is not just a static template because the visitor can modify setting until he/she is happy with the design. Therefore, the template generator serves as a full function HTML - CSS editor for the popular 3 column layout. This is the perfect startup page for webmasters that are ready to move to a CSS column layout instead of the older (outdated) table layout.
HTML Tools » CSS Menu Generator Our CSS Menu Generator will generate both the CSS and the HTML code required to produce a text-based yet appealing set of navigation buttons. As text links are fast becoming preferred over images where search engine optimization is needed, a CSS menu can give the affectiveness of text links with a better look than standard text links.
background: #1e5799; /* Old browsers */ background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
This is the home of Jankees van Woezik, a freelance web developer. Please check out my portfolio, if you have a questions feel free to contact me. Update 2: I hope I helped a lot of people with this project, but I havent found time to work on this project for more than three years. :) If you are looking for something similar to this project that’s actively developed see http://livereload.com/ Update: Thanks everyone for the feedback! I decided to open source the project on Google Code. Right now I am refactoring but I have put a new version on the new projects homepage: http://code.google.com/p/minifyme/ The new version includes a button to recompress the last set of css files. Something that I wanted to put in for a long time.