A high-quality web designer has to undergo every time he or she codes a page using CSS for design. Web Standards is the only way to go and it must be an obvious option when you take your job serious.
Confirm your markup is well structured
Make sure your markup is finely ordered, in other words make use of the suitable markup for the appropriate content. Apply headings for titles, paragraphs for blocks of text, ordered and unordered lists to sum things up in list form or for your navigation, field sets in combination with legend and label elements for forms... Finally, use tables only for what they are used for, tabular data.
Validate your markup
It's not pretty much the green check mark in the bottom right hand corner of your browser or 0 errors or warning on the W3C Validator that matters. This is only an additional check and a confirmation that your code validates. The W3C markup validator or W3C CSS validator should be your tools to make your page an error free. Tools that facilitate you to create the right coding, but consider that this is just a machine that runs a test for you. Some coding faults, for instance using the incorrect or structure-less code for certain content will not be seen as an error by this machine, so make sure this is in order. Validate the pages is an absolute necessity before you begin to fix any CSS layout problems.
Excellent post. I’m always looking for great information like this and have been browsing the World Wide Web for a couple of years now. Could have saved myself a lot of time by just going to searchenginegenie's programming blog. i dont know how i missed it.
Nice post. I think validation is the toughest problem for amateur web designers :).
Could you suggest a CSS Editor for Windows? I use Firebug but I every now and then it does have a few bugs. There would and should be a better way to edit CSS out there :)
Great post, well put together. I started to use CSSEdit about a year ago and it has become tremendously helpful in development, specifically to the Preview & X-ray functions.
Web Standards are crucial to the future of web design/development, and the trend now is that more and more people gravitating towards it. As the years have gone by we have had to use less and less ‘hacks’ to achieve our goals. Thus giving us the ability to focus on clean and well rendered code. I just can’t wait to see what the next decade will look like!
Thank you so much Searchenginegenie, for posting about CSS bugs! CSS is a very exciting and fun technology, but you definitely have to use it properly. My question is related to your IE comments. I know your blog definitely validates for CSS and HTML, but how is that possible if you use hacks in those style sheets? I know hacks are no-nos for validation.
I am intermediate at CSS, learning more every day about how it works. I know there are so many different ways to create layout in CSS, but what I am finding to be most difficult is how only one of them works across all browsers. I find it almost takes more time because of how different browsers render the code.
Search Engine Genie is an Ethical Search Engine Optimization
Company Specializing in Search Engine Marketing, Search Engine
Promotion and Search Engine Ranking Services.
4 Comments:
At June 30, 2008 3:30 AM,
Case Stevens said…
Excellent post.
I’m always looking for great information like this and have been browsing the World Wide Web for a couple of years now.
Could have saved myself a lot of time by just going to searchenginegenie's programming blog. i dont know how i missed it.
At June 30, 2008 3:32 AM,
Ankith said…
Nice post. I think validation is the toughest problem for amateur web designers :).
Could you suggest a CSS Editor for Windows? I use Firebug but I every now and then it does have a few bugs. There would and should be a better way to edit CSS out there :)
At June 30, 2008 3:33 AM,
Jack keller said…
Great post, well put together. I started to use CSSEdit about a year ago and it has become tremendously helpful in development, specifically to the Preview & X-ray functions.
Web Standards are crucial to the future of web design/development, and the trend now is that more and more people gravitating towards it. As the years have gone by we have had to use less and less ‘hacks’ to achieve our goals. Thus giving us the ability to focus on clean and well rendered code. I just can’t wait to see what the next decade will look like!
At June 30, 2008 3:38 AM,
kdesign7 said…
Thank you so much Searchenginegenie, for posting about CSS bugs! CSS is a very exciting and fun technology, but you definitely have to use it properly. My question is related to your IE comments. I know your blog definitely validates for CSS and HTML, but how is that possible if you use hacks in those style sheets? I know hacks are no-nos for validation.
I am intermediate at CSS, learning more every day about how it works. I know there are so many different ways to create layout in CSS, but what I am finding to be most difficult is how only one of them works across all browsers. I find it almost takes more time because of how different browsers render the code.
Thanks for all you do in the community!
Post a Comment
Home