a day as yonaturals.com’s developer

old design | current redesign

  • column 1 was sliced and coded
  • column 2 was sliced and coded
  • column 3 was sliced and coded
  • column 1/2/3 background was sliced and coded
  • h1 tags and paragraph tags were styled
  • new graphic navigation images were chosen and implemented into navigation
  • graphic navigation was sliced and coded
  • rollover javascript for rollover navigation was coded
  • container fluid height was coded
  • footer was sliced and coded
  • new slideshow powered by scriptaculous was sliced and coded
  • scriptaculous slideshow was hacked to work with IE6 and IE7
  • transparent png hack was coded for IE6 and IE7
  • call to action buttons were sliced and coded
  • media buttons were sliced and coded
  • padding and margins were adjusted for column 1
  • padding and margins were adjusted for column 2
  • padding and margins were adjusted for column 3
  • padding and margins were adjusted for footer
  • padding and margins were adjusted for column 2′s main content div
  • padding and margins were adjusted for column 2′s sub content div
  • padding and margins were adjusted for graphic navigation
  • padding and margins were adjusted for column 3′s list items
  • padding and margins were adjusted for container div to compensate for 100% height
  • padding and margins were adjusted for h1 tags
  • padding and margins were adjusted for p tags

Related posts:

  1. valid xhtml in less than 15 minutes!
  2. five-minute design: gaston
  3. the proper html hierarchy
  4. a designer/developer desktop
  5. simplified!

Leave a comment