I've listed below three really useful free online tools that can save tons of time when developing in html.
pForm - HTML Form Generator
We all have to build them at some point, as tedious as it can get, and when styling forms with CSS, they can start to become a pain the more you build them. But there is a site out there that can save you a load work each time you need to build a form: its called
pForm by
Appnitro.
pForm's simple interface allows you to just click your way to creating a form. Its just a matter of selecting the form elements you need and naming them, while pForm does the rest. The CSS and HTML that you download looks standards compliant from what I've seen.
The service opened my mind up to a newer way of building forms. Instead of fussing with display, padding, margins, and our friend IE6's rendering issues, place the form elements in ul and li tags. The natural block display of the li's allows for easier horizontally-based forms...and there's no tables involved. I even built a template from the service and gave it generic styling so that I can just copy and paste whenever I need to build a form and avoid all the headaches.
Premailer: Preflight for HTML Email
Premailer, from
dunae.ca, is an extremely useful online tool in creating HTML emails. All you need to do, is design and code the email as you normally would with a website, with standards-compliant HTML and an external CSS file, and upload your final page. Post the link to your page (you need to include the name of the file, even if it is index.html). Click submit and Premailer does all the work for you, placing all the styles inline, as well as turning relative URLs to absolute URLs. I use it all the time, and it is an extremely useful tool.
Kotatsu - HTML Table Generator
Kotatsu, from
Ask the CSS Guy, was just released 1 day prior to this posting and is an HTML table generator that is just awesome. Its a very simple interface that allows you to create a table, and add classes to rows and columns. So simple in fact, a monkey could do it, and my monkey did do it. I can now remove Dreamweaver from my computer because this tool is so awesome. I almost can't wait until I have to create a table so that I can use it.
No comments:
Post a Comment