sgclark.com
Sandbox
Below are several different things I am testing out, working on, and just screwing around with related to cascading style sheets and general web development. In many ways, I have these listed here just so that I can keep notes on different treatments that I may want to use in the future redesigns or projects. I suppose I could just link to like designs and articles, but half the fun is constructing them as that is the only way to learn.
Disclaimer: Many of the designs, navigation schemes, and other things were initially built by people other than myself. I have provided attribution in all appropriate places. I have just taken what they have done and altered or, even enhanced them, in some form or fashion.
Navigation With CSS
Vertical Navigation - This is a vertical navigation treatment made purely with CSS. The inspiration and learning for this came from Eric Meyer's CSS Edge along with Max Design's Listutorial.
Rounded Tab Navigation - This is an exact replica from Doug Bowman's article on A List Apart and I am not about to take anything close to credit for this. I just made some color and cosmetic ajustments to what Doug so brilliantly outlined on A List Apart.
Plain Tab Navigation - The inspiration, direction and learning (ok, I lifted it) for this came from someone at Virginia Tech.
Horizontal Block Navigation - This is a basic horizontal block navigation treatment created exclusively with CSS. There is absolutely no Javascript in place here. The inspiration and learning for this came from A List Apart, Jeffrey Zeldman via Accessify's List-O-Matic.
Mini Slide Navigation - This is a neat navigation treatment inspired by Slayer Office's Focus Slide and Simplebits' Mini Tabs.
Icons and Photos
Icons - Steal them. Take 'em away. Change them, I don't care. Here is a wide array of icons for general, non commercial use.
Drop Shadows - This is a all CSS Drop Shadow treatment of a photo image. As you can see from the Harry Potter image to the right, there is a nice little shadow underneath the image to give the impression that the image is floating above the page. This treatment was derived from Dunstan Orchard along with Sergio Villarreal's article from A List Apart.
