I have just released the finished design of the new Whiteford Kenworth website. This is a site I developed in conjunction with Mike Macri and Connecting Point of Indiana. I’m rather fond of the design, particularly the home page, and hope you all like it as well. I guess it’s time to update my portfolio at Amorphonet.
Recently on Popular Delicious there has been a link to the Firefox Help site with instructions on how to make the active tab easier to distinguish from the non-active tabs. While the tweak is helpful, I thought I could take it a little further. Using the Mozilla article as a starter, you can insert my code below into your userChrome.css file to make your active tab stand out even more.
/* Change color of active tab */
tab[selected="true"] {
color: black !important;
}
/* Change color and size of normal tabs */
tab:not([selected="true"]) {
color: gray !important;
font-size: 90%;
}
/* Kill all tab icons, no matter what */
tab .tab-icon {
display: none;
}
/* Show icons when tab is selected */
tab[selected="true"] .tab-icon {
display: -moz-box;
}
/* Show tab loading indicator while the tab is loading */
tab[busy] .tab-icon {
display: -moz-box;
}
Great article from another Michiananite (someone from Michiana [close to the border of Michigan and Indiana]; whatever, you get it!). This is the first part in a series on how to build a great table-less design, standards compliant site. John is also involved in some great work over at Notre Dame. Go Irish!