A quandary that Web Developers have long faced is the issue of using CSS with a background image and text indent, or simply use an image when it comes to SEO.

When CSS started to gain popularity about a decade ago, many developers switched from using images to using CSS to apply a background image to their h1 heading tag and put the elements text out of view with CSS and the text-indent property.

But which one is correct?

It’s obvious that HTML5 is being embraced to a certain extent, but how many Web sites have really converted? There’s no way to get an exact number, but we can get a good idea of the progress being made by taking a look at the most popular sites on the Web.

In order to get a picture of how many sites are making the moving, I decided to start a quarterly report called the HTML Census take a look at the 100 most trafficked sites for September, as ranked by Alexa.

CSS3 is packed full of ways to select elements. You can select elements based on whether its class or ID starts with, contains, or ends with a string, and now you can even select different types of input elements without assigning classes or attributes!

Below you’ll see the CSS to use in order to select any of the 10 input types using attribute selectors. Attribute selectors allow you to style elements that contain a specific attribute, or as in this case, an attribute value.

In this tutorial you’ll learn how to make a realistic looking sticky note using just HTML and CSS that is easy to create and cross-browser compatible.

Follow this short tutorial on making a yellow Post-It note using just HTML5 and CSS3.