Tutorials Archives

Tutorials on how to use CSS3 in your daily web design work.

Semantic code: put more in, get more out

Excerpt: IE7 is gaining market share and we can start to use more CSS3 selectors in our day to day code. Because of this, it's worth a quick reminder that the more semantic we make our (X)HTML, the easier to implement the selectors will be. For example, imagine the opportunities with the XFN microformat;

Using CSS3 selectors to highlight hyperlinks

Excerpt: Recently I began planning a brief tutorial on using the CSS3 attribute selectors (which are now implemented in all the latest major browsers) to add decoration to hyperlinks. Looks like I don't need to now, however, as this morning I found this article: Showing Hyperlink Cues with CSS, which explain

A border-radius solution

Excerpt: Recently I had to code a box with rounded corners for a client, and I came up with a solution which works with 99% of the browser market and uses the CSS3 border-radius declaration for browsers which support it. The simplified HTML code is: <div class="curves top"> <img src="images/top

@font-face: fonts the way you want them

Excerpt: Update: Please see the note at the end of this article. A potentially useful feature of CSS3 is the @font-face rule, which allows the developer to specify a font for the page that may not already be on the client's system. Until now, most web sites have been developed with a small list of 'web sa

CSS3 for forms

Excerpt: Here's an interesting article on how to use the CSS3 :checked pseudo-class to style check boxes and radio buttons.