Website Redesign Underway

Amptools.Net has the beginnings of a new design.

The site is now HTML 5 and uses parts of CSS3. There is definitely more to come. Spicing up content, pulling in eye candy, debauchery with HTML 5 and CSS 3, and entwining them into blissful marriage.

A simple example of blending content and design: certain links for certain domains like twitter or facebook now have little icons by them. It will work for browsers that support CSS3 selectors. This is achieved by using CSS 3 selectors looking for those domains in the ‘href’ attribute.

a[href*="twitter.com/"] {
     background: #fff url(path/to/image.png) no-repeat;
     padding-left: 24px;
}

The above example is a good use of how to enhance content presentation that degrades in older browsers. Internet Explorer, overlord of software web browsers, even allows for a few of these CSS selectors in version 8.

The links might not display images in IE 6 or 7, but the additions will not be sorely missed. It provides a nice incentive to upgrade the browser.

The design of the site as for 9/28/09.

initial redesign of amptools.net