• Skip to main content
  • Skip to primary sidebar

Playing with Technology

Any sufficiently advanced technology is indistinguishable from magic. ~Arthur C. Clarke

i.t site overhaul

February 18, 2006 by Jon

One of the things I’m responsible for and love doing is the i.t site. Right now it looks a lot like my static site. Maybe that’s becuse I used my static site as a template. The look is really just the old Wooster homepage with the code updated to XHTML 1.0 Transitional and styled with CSS. I made sure everything validates and that was pretty much it. It’s kind of boring. So Janet asked me to overhaul it and add some additional sections. I decided to try some of the CSS magic I’m learning from A List Apart. You can take a look at the proof of concept.

So what am I doing? First I’m using the three column layout from A List Apart. This layout has all three columns being the same height. Then I added CSS based tabs which I found at the Kalsey Consulting Group. The tabs aren’t overly styled but the design does have the nice advantage that the sublists show up under the main tabbed list. It still needs some work so if you have ideas let me know.

Share this:

  • Tweet

Filed Under: Geek

About me

Avatar of Jon Breitenbucher Sometimes I'm an Instructional Technologist and sometimes I'm a Mathematician, but I'm crazy all the time.

Inbound Marketing Certification Badge

Subscribe through an RSS feed reader

News Feed Comments Feed

Or one of the options below:

Subscribe

Genesis Framework for WordPress

Blogroll

  • Blogical Construction
  • Bootstrap Analysis
  • D’Arcy Norman
  • Infocult
  • jill/txt
  • Jim Groom
  • Liberal Education Today
  • Mark Pearson
  • Thoughts and Experiments
  • webbedENVIRONMENTS
  • WPMUtutorials

Interesting sites

  • 9 Rules
  • Inksmith

it blogs

  • instructional technology
  • Matt Gardzina

My Sites

  • Jon Breitenbucher
  • My static site
  • Orthogonal Creations
  • Voices
  • WoW Ravings

Software

  • Textpattern
  • Wordpress
  • WordPress Planet
  • Wordpress.com

Teaching

  • Extreme Teaching

Typography

  • baseline 50
  • disdributed proofreaders
  • fontzone
  • PRINT
  • Project Gutenberg
  • The Terminal

Web design

  • 960 grid
  • A List Apart
  • Blueprint
  • CSS Zen Garden
  • Typogridphy
  • W3 Schools

site cloud

Classroom Conferences Educause Futurism Gaming Geek General Hardware Instructional Technology Interesting sites Multimedia NMC Personal Policy Presentations Site Social Software Software Teaching Typography Web design woodle

Now Playing:

Recently Played:

pages

  • About
  • MU Admin Bar

categories

  • Classroom (rss)
  • Conferences (rss)
  • Educause (rss)
  • Futurism (rss)
  • Gaming (rss)
  • Geek (rss)
  • General (rss)
  • Hardware (rss)
  • Instructional Technology (rss)
  • Interesting sites (rss)
  • Multimedia (rss)
  • NMC (rss)
  • Personal (rss)
  • Policy (rss)
  • Presentations (rss)
  • Site (rss)
  • Social Software (rss)
  • Software (rss)
  • Teaching (rss)
  • Typography (rss)
  • Web design (rss)
  • woodle (rss)

archives

Social network

  • Facebook
  • Linked in
  • Flickr

feed me

  • RSS
  • Atom
  • Comments RSS

Counter

  • 1 currently online
  • 12 maximum concurrent
  • 913179 total visitors

| home |

return to top of page

inspired by a not (that) ugly design modified by jon breitenbucher to use the genesis theme framework by StudioPress and powered by WordPress | Log in |
diigo My Diigo Tags
Green Web Hosting! This site hosted by DreamHost. Use OpenDNS Creative Commons License