Design in HTML5
I was reminded that I should update my website to reflect the new direction in design trends. Here is the new look.
I started with a validated HTML5 template (available here), added a css file, created the graphics and used javascript for the Portfolio slideshow. I like using javascript and gif files for animation as they will display on Apple products and are cross browser compatible.
CSS3
If you are trying to view this page in Internet Explorer it will not dispay correctly. The red box moves and transforms colors, the box with text below that is resizeable. The rounded corners on the red box are displaying and are completely css based.
Please use Firefox, Chrome or Safari to see the full effects of what can be achieved using CSS3.
CSS3 Animation
The animated rectangles shown below are created using the CSS3 animation and border-radius properties.
CSS3 Resize
The resize property specifies whether or not an element is resizable by the user. Grab the lower right corner and pull larger or push smaller!
Portfolio
About the Designs
All of the animations in the portfolio of websites above use javascript and gif file images for the animtions. I have done some Flash on other sites, Olsen Computer Repair.Net, Fresno on Watch.Org and Papa Bear and Company.Com.
