A site I created, with a partner, for a fictional Medical Center
CSS Drop down menu
These bad boys are browser independent.
Meaning they work any where and everywhere the same way. These are a powerful menu solution that feature text based words over a background image, for easy updating and customizable slide out functions that can come in from any side, at any speed, containing an un limited amount of sub links. And all you have to do to add another entire section is copy past the link list and add a few commands to the corresponding JavaScript file. This demo has evolved! NEW! Accessibility Standards Compliant, Spider Friendly Drop Down Menu Solution. Replacing div's with unordered lists ensures that the links in the drop down menus have a solid HTML back bone and that the site navigation is always accessible, even to users browsing with screen readers or text only browsers that ignore CSS.
Flash Template, Content Population
This client came to me with an entire site template made of flash. I put his content in and made all of the sections work, but after all he opted to go with the HTML version of the template to save load time.
Text/Image swap
Using a small amount of CSS, and a shim gif I am able to swap an image with text. This solution was my first ever invention.
The advanced solution to the text image swap turned out to be very interesting.
Resource links Page look 1
Resource links Page look 2
Resource links Page look 3
Flash Fan Site
Director Animation:
My Print Work Sequence
Cocoa Puffs Show Down
I had the site ready in time to be sent out with the thank you cards.
Clean drop down menu
Tutorial - CSS Drop Down Menu Journal:
My other portfolio website.
Hostinghorse.com
I originally designed a site designed to sell hosting services but then I realized that my portfolio website might need a new spin. One day I will sell hosting through this site.
A work in progress, San Diego Web Designer, this will be my web design businesses store front when the time comes for me to start up my own company.
This is a new section that will become join the main categories when it is completed:portfolio website This eight step guide will provide all of the information you will need to create your own portfolio website.
This blog like website features a super clean graphical interface. FiniteMinds is a also a practical example of implementing the drop menu solutions I listed in the web work and CSS solutions sections on the left.
Production overview of Steve's awesome browser independent Zen Garden design: The Green Floating Mountain Zen Farm. Steve's Zen Garden Design #1 San Digeo Rollovers. Steve's Zen Garden Design #2 Space Garden. Or please take some time to Browse through the steps that lead me down the path towards CSS enlightenment and web harmony. Witness the evolution of Steve's latest work in progress.
These were my attempts to create the browser independent menu system on display in the web work section above:
CSS Drop downs 1
CSS Drop downs 2
CSS Drop downs 3
CSS Drop downs 4
Css Drop down menu with rollover text
This was a special request that my client at the time made. He wanted to be able to add a short comment to the over state of the submenu selections, just like he had it when the were javascript image swap drop downs.
So I mumbled and grumbled a few things, then got down to business and made it happen. These particular drop down menus are a good example of my ability to create techniques and find better, faster, and cheaper ways of doing things.
