Css Globe CSS and Web Design News

Community News

Formy - CSS Form Framework

vladocar 24 Jun, 2008

Share on Facebook Tweet this Delicious StumbleUpon Reddit Subscribe

Visit this link

Need more? Read these posts:

• 20+ Useful CSS3 and HTML5 Frameworks, Tools and Templates
• picoCSS - small JavaScript Framework for CSS manipulation
• CSS3 Buttons Framework
• Child Selector System - CSS Framework
• 7 Form Frameworks To Help Manage Your Forms Easily

View All Community News

Comments

1. Pierre 25 Jun, 2008

   The CSS code is very ugly :/

2. Penfold 25 Jun, 2008

   Hmm, the markup and CSS isn't very nice. The label tag is missing in places where it should be. Avoid this framework - not good.

3. vladocar 25 Jun, 2008

   What is beautiful CSS code? Please write constructive comments, don't just say "CSS code is very ugly". Give your opinion and suggestion how this code can be improved or if you don't like it explain why! - Author

4. Matt Froese 25 Jun, 2008

   Personally I believe it is ugly, just by looking at the first example, due to the line breaks.I generally think its a bad idea to separate form fields with breaks. You would separate your header from navigation with a break, would you?

5. vladocar 25 Jun, 2008

   That was constructive comment Matt, I will try to make it beautiful the next time :). About the breaks I just think this is natural way of writing web form. It's not natural putting form inside the table or inside list.Why we use CSS today for building our web site architecture? Because it's not natural to use the tables for building web sites.

6. Pierre Bertet 26 Jun, 2008

   vladocar :
   Sorry, this was my first impression, and my english is very poor...
   - There is no constance in the code : spaces or not, .5em or 0.5em, #FF0000; or #F00; or #f00; ?
   - Why colors are not separate ?
   - Examples : "label" elements are not aligned with fields, the fields have not "id" attributes corresponding to "for" attributes.
   - Why did you used this : "<label> </label>" ?
   - What about IE6 support ?
   - Why is your conditionnal comment ( <!--[if gt IE 5]> ) targetting IE8 ?

7. Pierre Bertet 26 Jun, 2008

   Correction :
   - Why did you used this : "<label>&nbsp;</label>" ?

8. vladocar 26 Jun, 2008

   Great tips Pierre Bertet! I will make some changes in my final realise. I used "<label> </label>" like empty but potential "field" for writing something. I did not tested in IE 8 (beta).

9. vladocar 26 Jun, 2008

   Great tips Pierre Bertet! I will make some changes in my final realise. I used "<label> </label>" like empty but potential "field" for writing something. I did not tested in IE 8 (beta).

10. Matthew 27 Jun, 2008

    Yeah, honestly, you shouldn't try to make a "form framework" without fully understanding how to make a proper form.
    
    The label issue was one of the huge red flags for me too (your FOR attribute not being used properly). Do more study on how to make forms. I would also suggest running through your forms with a screen reader to get some insight into the accessibility side of things.
    
    It could turn into something. But I think that at this point you should start over with a clean slate. ALso, I know a lot of what you have is meant to be dummy text, but you should still pay attention to things like duplicate labels ("Message:") and empty elements (mentioned in earlier comments). It's just not good practice
    
    All of these things makes the framework look way too amateurish. Which in the end will hurt the purpose: people using it.

Sorry, further comments are disabled for this post.