The document summarizes the Fork forms library, which is a lightweight HTML/CSS library for building complex forms. It allows forms to be built quickly in order to spend more time and budget on other aspects of a website. The library is flexible, understandable, and can be used to build various types of forms like horizontal forms, forms with variable field widths, aligned fields and blocks, sectioned forms, and forms with messages and errors. Examples of how to use the library are provided.
1. FORMS
Fork forms library
Presentation about the Fork forms library http://github.com/forkcms/markup-library/
Photo: http://www.flickr.com/photos/cubagallery/
2. O Hai! I’m Yoni
Yoni De Beule, http://www.yonidebeule.be, @yoniweb
3. I work at Netlash-bSeen
among others.
http://www.netlash.com http://www.minify.be http://www.vlmbuzz.be http://www.wrappp.it
4. I love building websites.
I love building websites that are beautiful, accessible, easy to use and fast.
5. I love building the best possible websites
within the project specific time and budget.
I love building the best possible websites within the project specific time and budget (they should always be beautiful, accessible, easy to use and fast).
17. Clear lack of time and budget.
Clear lack of time and budget.
18. FORK FORMS
Fork forms library
Fork forms is a lightweight html/css library that allows you to build complex forms in very little time. Fork forms degrades nicely to IE6, IE7 and IE8 and is tested in IE6, IE7, IE8, Firefox 2, Firefox 3, Safari, Opera and Chrome. Forms is build to allow you
to spend more time and budget on other aspects of your site.
19. Fork forms is a forms library you could have
written yourself.
Fork forms is a forms library you could have written yourself.
26. <form>
<p>
<label>Name</label> <input type="text" class="inputText" />
</p>
</p>
<label>Message</label> <textarea></textarea>
</p>
<p>
<input type="submit" class="inputSubmit" value="Send" />
</p>
</form>
Compromises have been made to make the code fit the screen (missing fieldset, label and input on the same line, ect)
27. This may look simple but you can tweak the button layout, focus styles, errors and messages.