Does your site validate?

@Web Designers Guild
On a recent post I made about a website I am currently working on, some glaring errors I was using in my design were kindly pointed out.
This challenged me to fix the issues and then to check all of my validation for CSS, HTML5, and Accessibility.
I used the following sites:

for accessibility
http://wave.webaim.org/

for HTML
http://validator.w3.org/

for CSS
http://jigsaw.w3.org/css-validator/

I was arrogant to think I would simply pass validation on the first try. Each validator pointed out many errors and suggestions to fix. Most of my errors were typos, but there were a couple that I should have realized while creating, such as nesting an anchor tag inside an anchor tag, which is just silly.

I am happy to say that my site now passes validation





Having said that, I fully realize that passing a validator simply means that all of the code syntax is correct. This does not mean that I am using HTML properly or that my site is accessible to the handicapped.
Symantic use of HTML, design/content seperation with CSS, and being aware of proper Accessibility options in a website are all key to a well designed website; however, validating is a great way to find errors that otherwise might be overlooked.

Does your website validate?

DocHub CSS Cheat Sheet

@Web Designers Guild
I have posted about this before, but I think it was on Diaspora. I wanted to mention it again because it is such a nifty tool:

Awhile back I was doing a web-search for a CSS cheat-sheet because I could not remember the proper syntax for short-hand background rules.
I stumbled across Doc-Hub, which not only has CSS, but HTML, JS, PHP and some other things I never use.
At any rate, the inventor has this on GitHub, so I have it running on my own server and then a little web-app launcher. I am one click away from a full searchable library of all the rules I need.

CSS Design Concept

Any CSS coders out there? I want to do a page that sort of floats on top of various background elements.

Screenshot of design-concept:




I know I can do this using one or two larg background images, but I would like to use CSS to make the bottom and top bars (black abd grey bars that span the body)

I am playing around with some ideas, but would like to hear some thoughts, especially if anyone has (successfully) done something similar to this.

Focus ... code

Trying to stay focused on coding an image gallery for a WordPress site. Radio Head "King of limbs" playing for background ambiance.









<div class="stay-focused">


<ul>

Tea on.

</ul>

<ul>

Swamp-cooler on.

</ul>


Now if I can just quit checking my Friendica network..


</div>