- This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
Viewing 3 posts - 1 through 3 (of 3 total)
- The forum ‘Design’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
I’m new to web design/development I thought I’d start off with something simple such as a login form. I’m looking for constructive criticism mainly such as: How I can improve the code, what I can do to make it better, how it can be made simpler and anything else you can think of.
Anyway here’s the link to the demo: http://miscformtestcss.uphero.com/ and here’s a link to the code via pastebin: http://pastebin.com/sVjkpieC
Look nice and simple, maybe make the blue text slightly bigger? Reminds me of twitter.
I get a 404 on your link.
I did a pen for your code: http://codepen.io/GroovyMotion/pen/DCzet/?editors=110
As for the form, like @Robby said, I’d go with slightly larger text, and maybe a little darker?
By looking at your code here is a tip to make it cleaner and easier…you don’t need to repeat the margins and padding, you can go from:
margin-top: 2%;
margin-bottom: 10px;
margin-left:auto;
margin-right:auto;
to: margin: 2% auto 10px auto;
or even margin: 1em auto 0.3em auto;
Here is a short article on CSS shorthand: http://www.456bereastreet.com/archive/200502/efficient_css_with_shorthand_properties/
Cheers!