Chovy’s Blog

Wrapping Logos with an H1 tag

Thu, March 13, 2008 — Category: Accessibility

Keep It Simple when writing semantic HTML and applying design rules in CSS.

In response to CSS-Trick’s post “Rethinking CSS Image Replacement”, I have to respectfully disagree with wrapping your logo in an H1 element.

H1 should be used to describe the page below it, using it on every page to wrap a logo isn’t giving you any benefit for accessibility or SEO. Its a waste of a perfectly good (and important) semantic tag.

I recommend keeping things simple, and using the tag names as they were intended to be used:

<div id="head">
    <img src="/images/logo.png" alt="FooBar Logo" />
    <!-- tabbed navigation or banner advertisement may go here -->
</div>

Using the #head rule, I can position the image and any children elements, or apply a background gradient to the entire div. Its easier to style any navigation lists or banner advertisements as well with a common parent ID “#head” using the element names as sub-selectors.

<h1>Topic of the Page</h1>

<p>Intro paragraph about The Topic</p>

This is the original (and still relevant) intended usage of an H[1-5] heading element.

CSS-Tricks.com is a great web design blog by Chris Coyier — I highly recommend reading it for web designers.

  • Post Wrapping Logos with an H1 tag to del.icio.us
  • Post Wrapping Logos with an H1 tag to digg
  • Post Wrapping Logos with an H1 tag to Furl
  • Add Wrapping Logos with an H1 tag to YahooMyWeb
  • Simpify!
  • Post Wrapping Logos with an H1 tag to shadows
  • Post Wrapping Logos with an H1 tag to Spurl
  • Post Wrapping Logos with an H1 tag to BuddyMarks
  • Submit Wrapping Logos with an H1 tag to Slashdot

Revert a Changeset in Subversion

Wed, September 19, 2007 — Category: Development

Instructions for “removing” a changeset from SVN.

Today I accidentally gzipped a file and copied it over my original….(I won’t get into how I managed to accomplish this). I hadn’t realized my mistake until I checked in the file into “trunk”.

After a brief moment of panic I had a the original restored, after re-applying my local changes.

Changeset #2301 is the bad file that was committed to trunk erroneously.
Changeset #2300 is the most recent “working version” of the same file.


$ svn merge 2301:2300 ./path/to/file

The arguments are explained better with “svn help merge” display. The command will merge the newer version with the older version for the given file path.

The one problem is that I lost all my local changes on the file. Be sure to check your changes in frequently…if you work on a feature that is not going to be done soon (a day or less)…then perhaps branching will be a good idea so you can retain revision history on files before they are ready for “trunk”.

If you need to save the changes in the file you checked in, prior to reverting (merging) back to the previous version, make a backup of the file that was checked into trunk accidentally.

We will assume you checked in “foo.html” on accident, but still want to keep your changes to the “working copy”:


$ cp foo.html foo.html.new
$ svn merge -r 2301:2300 foo.html
$ svn st
   #=> M foo.html (it is modified -- back to its original state)
$ svn ci -m 'reverting accidental checkin' ./foo.html
$ mv foo.html.new foo.html
$ svn st
   #=> M foo.html (it is modified in your working copy, containing the changes you reverted from trunk)

Now you are back at the original state — a locally modified “foo.html” with the original back in “trunk” where it belongs.

  • Post Revert a Changeset in Subversion to del.icio.us
  • Post Revert a Changeset in Subversion to digg
  • Post Revert a Changeset in Subversion to Furl
  • Add Revert a Changeset in Subversion to YahooMyWeb
  • Simpify!
  • Post Revert a Changeset in Subversion to shadows
  • Post Revert a Changeset in Subversion to Spurl
  • Post Revert a Changeset in Subversion to BuddyMarks
  • Submit Revert a Changeset in Subversion to Slashdot

IAP Political Forum -

Wed, September 19, 2007 — Category: UI Design

Great political forum recently redesigned with speed improvements.
read more | digg story

Great political forum recently redesigned with speed improvements.

read more | digg story

  • Post IAP Political Forum - to del.icio.us
  • Post IAP Political Forum - to digg
  • Post IAP Political Forum - to Furl
  • Add IAP Political Forum - to YahooMyWeb
  • Simpify!
  • Post IAP Political Forum - to shadows
  • Post IAP Political Forum - to Spurl
  • Post IAP Political Forum - to BuddyMarks
  • Submit IAP Political Forum - to Slashdot
« Previous PageNext Page »
 
Keyword Advertisers:
SEO Directory SEO Links Free Link Directory Shopping Submission Directory Gardening Tips Political Forum Search Engine Optimization Search Engine Marketing Audio Video Directory SEO Forum Web Development Blog Organic SEO Wiki Web Development Consulting

Learn more about purchasing keyword text link ads on this site.