CSS Validation TIP(s)

For many web professionals, it can be tedious to review and edit code. Fortunately, there are many WYSIWYG editors (Dreamweaver) that allow users to validate work as they complete the project. However, if you don’t have the peripheral software, such as Dreamweaver, you may use alternative methods available online. In fact, the options are somewhat better depending on the version of the software you are using; you may have outdated validation libraries that aren’t always up to the task of proofing. The W3C CSS Validation Service is a free syntax and code check created by the W3C to help edit Cascading Style Sheets (CSS). You only need an internet connection, and a web host. Screenshot of webpage:

Image

The W3C CSS Validation service will review your created style sheets to find programming bugs and usability issues that internet browsers may have with your code.

The portal asks for your web address, you specify before hitting the button.

Image

The page will load with CSS error results. Pay attention to the number next to the table, this will help you identify the region of the CSS file where the error is occurring.

Image

Those results will give you an itemized list of errors, and corresponding line to where the bug is located in your code. Return to your file, and make the requested changes; Pay attention to the line number where the error occurred. Look at the right margin you will see the line numbers beside the code. Find the corresponding line number in the CSS file, then look for errors, see pic:

Image

Once you’ve made those changes to the code, you can continue validating until the site returns a clean validation page, the approval page looks like this:

Image

~ by colemanbri on January 28, 2013.

 
%d bloggers like this: