id vs class attributes: The definitive guide
Here we’ve gathered everything you could ever want to know about id and class attributes into one comprehensive guide. We’ll show you the differences between id’s and classes (with a little help from Gil the geek), how to decide which attribute to use where, the tricks that are only available with id attributes, and much more.
Web Design E.R. Patient #1: CedarTreesYoga.com
Scrub up and step into the emergency room with us as we perform a complete website analysis on CedarTreesYoga.com. We’ll walk you through a critique of the original design and offer thoughts and theories on a preliminary redesign. We’ll also breakdown the underlying markup of the homepage to see what keeps the website for this yoga studio and wellness retreat from achieving peak performance.
Improve usability with a Wikipedia-style external link icon
It’s never a good idea to send visitors into the internet wilderness without warning them first. Here we’ll show you how to add an external link icon to links that leave your site with two different techniques: the class attribute method and the attribute selector method. We’ll cover the pros and cons of each and also show you how to work around some common problems Internet Explorer has with CSS.
How to use a photo to keep eyes on the page
A well-chosen photograph can turn an otherwise boring web page into a layout that looks professional and engages visitors. Here we’ll show you how to recognize the direction of movement within an image and how you can use that to shift a visitor’s focus wherever you want. We’ve included plenty of examples so you’ll know how to position the photos in your next layout for maximum effect.
Source ordered content: The best kept secret in web design
Here we’ll explain what source ordered content is and how it works using sample XHTML markup and style sheets. We’ll also show you how it delivers benefits like improved search engine optimization and accessibility, better targeted AdSense advertisements, and more. When we’re done you’ll see why it’s one of the handiest tools in the web designer’s toolbox.
