Jump to content

Automated HTML/CSS Validation

Recommended Posts

Hello all.


I was wondering if there are any tools available that can automate the HTML/CSS validation process. I use the tools available from W3C which are great, but was just wondering if there were any tools that could make it even easier?


I've been using a linter for awhile now, which shows errors in code on the fly.


I'm not sure if such a tool exists, but if it did someone here would know about it.


Thanks :)

Share this post

Link to post
Share on other sites

The W3 CSS validator isn't much good.


To run an analysis on your CSS for a wide array of metrics checkout Parker https://github.com/katiefenn/parker


The W3 HTML validator is about the best there is out there although it can be a little out of date when it comes to some of the meta tags and other anomalies. Make sure you are using Aria correctly to make your website accessible to users with various disabilities. HTML Validator won't tell you about this, it's good to test with screenreader technology.

Edited by rbrtsmith

Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By lcot17
      Calling for some advice/support to put forward a few ideas as to how to best achieve a design I'm working on.
      I have attached an image outlining a section in a design that has a (not skewed, but similar)  wavy curved shape on the top and bottom. The site will have a fixed container grid of 1200px but the height of the content will be variable depending on the viewport width. To make things a little more tricky too, I would like to do this with a gradient. This would cause issues with doing a static image top and bottom and a gradient background for the main content.
      Could anyone post a few quick codepen ideas to point me in the right direction? Or link me some jQuery/JS-based plugins that would be able to create something close to what I want to achieve. Alternatively, if you have any other suggestions i'm all ears (the gradient could go for example)

    • By Demonolith
      Hi all,
      I have a CSS rule that I wish to change the margins of, but I can't be sure where else on the site I've used the CSS rule and how it would impact other pages.
      Is there a way that I can search the entire Wordpress site for pages where the CSS rule is used?
    • By Lyndsey
      Hi guys,
      I thought it would be cool to start a topic for people to share sites they find useful for their design/development processes. Here is a list of sites I find useful and/or use regularly:
      General Stuff:
      http://jsfiddle.net/ - Useful for JavaScript troubleshooting. Test your code and just play around with HTML/CSS and JavaScript. If you're looking for help with a piece of code, save your Fiddle and send it to someone else who can take a look at it You can also save revisions of your Fiddle to track your progress. http://pastebin.com/ - Useful for sharing code online. Useful for when you run in to a bit of trouble with some server-side code. Instead of pasting masses of lines inside a topic, paste your code in to pastebin and get someone to have a look at it for you http://jsonlint.com/ - JSON Validator http://paletton.com/ - Color Scheme Designer. See what colours complement each other etc. Useful stuff. http://www.lipsum.com/ - Lorem Ipsum - Useful for inserting dummy text in to your web pages. http://net.tutsplus.com/category/tutorials/php/ - PHP tutorials, quizzes etc. They also do the same for JavaScript, HTML, CSS, WordPress, ASP.NET to name a few. Really good site.  
      http://css3generator.com/ - Generate CSS3. Box Shadow, Border Radius etc. http://border-radius.com/ - Generate border radius quickly! http://www.javascripter.net/faq/hextorgb.htm - HEX to RGB conversion. http://meyerweb.com/eric/tools/css/reset/ - CSS Reset Stylesheet. Resolve browser inconsistencies such as varying margins/padding. http://www.cssplay.co.uk - Lots of experiments with CSS, menus and layouts.  
      Responsive Design:
      http://www.getskeleton.com/ - Responsive Grid.  
      Server-Side Coding:
      http://net.tutsplus.com/tutorials/php/php-database-access-are-you-doing-it-correctly/ - How to connect to a database using PDO http://www.php.net/manual/en/index.php - PHP manual for everything PHP!  
      Form Validation (Client-Side):
      https://jqueryvalidation.org/ - (My preferred method) Simple to use. Include the necessary jQuery and Validation.js files. Simple usage example, call the function using $('#myForm').validate(); and add a class="required" to fields you want to validate Also allows you to create custom messages and make the validation more advanced! I hope these are useful! If anyone has any others to share, please do
  • Recently Browsing

    No registered users viewing this page.

  • Member Statistics

    • Total Members
    • Most Online

    Newest Member
    Rose Hale
  • Forum Statistics

    • Total Topics
    • Total Posts