An Overview of HTML 5 & CSS 3

Description
This web site presents an overview of HTML 5 and CSS 3. Its purpose is to denote the differences between HTML 4.01 and the new standards, currently in their final draft, for HTML 5. Some of the new supported modules in CSS 3 are employed as well. There are some exciting new standards and enhancements in store for developers and designers as the working w3c document continues to evolve. How we design and code our pages in table-less format is going to change. As soon as the browsers catch up to the additions and enhancements to HTML 5 and CSS 3, a more robust and dynamic set of coding tools will become available to us.
This site is coded using the new tags and structure as defined by w3c standards in HTML 5. Many of its presentational aspects have been defined using some of the new features available in CSS 3. Fallbacks have been included to manage browser specific proprietary code.
At the time of this writing, the site is best viewed in Safari, which has taken the leading edge for HTML 5 and CSS 3 support. Firefox and Chrome also offer good support while not all modules are supported as of yet. Explorer 9 is claiming to be fully compliant when it is released at some point in the near future. A beta version of IE9 is available for download for those that wish to have a look and see. A word of caution though, the download will replace your current version of IE.
Category | Date Published | Authoring Tools | Support Files |
---|---|---|---|
Web | December 2010 | MS Word Photoshop CS4 Fireworks CS4 Dreamweaver CS4 Omnigraffle Illustrator CS4 |
View the Full Web Site |
Evite for Quadra: The Final Event 2011

Description
The evite was designed for a group of gentlemen celebrating their annual Birthday Party. The invitation was originally conceived as a 4" x 6" printed card for personal distribution by the respected hosts, with a front and back side. When electronic distribution was chosen as the major distribution route, the front and back sides of the design were combined, modified and merged to maintain its integrity. The design was then optimized for internet use.
The primary distribution route was email blasts, host blogs and Facebook Events.
Category | Date Published | Authoring Tools | Support Files |
---|---|---|---|
Web | July 2011 | Photoshop CS4 |
View the full size image |
Extraneous Squared - A PHP & mySQL Demo

Description
The site is developed using PHP and mySQL in conjunction with advanced Dreamweaver capabilities and CSS.
The site is set up as a fictional event site. The backend programming sets up a mySQL database and employs
PHP to securely access the data. This is accomplished by setting up secure access areas available to select
users with password access. The site also demonstrates the programming necessary to create a secure web form
and email it.
The site is set up strictly as a demonstration and its functionality lies in the underlying back-end programming.
Category | Date Published | Authoring Tools | Support Files |
---|---|---|---|
Web | December 2009 | Adobe Dreamweaver CS4 mySQL & phpMyAdmin |
View the larger image |
St. Valentine's Day Hearts Ecard: "The Gold Design"

Description
The ecard uses the same theme as the Valentine's Day Gift Bag. Text is strategically placed to enhance and
reinforce the design. In addition to the text, the silver background was exchanged for metallic gold to
communicate: "Friendship is Golden".
Category | Date Published | Authoring Tools | Support Files |
---|---|---|---|
Web | February 2009 | Adobe Illustrator CS3 Adobe Photoshop CS3 |
View the Full Size PDF |
Web Authoring Web Site

Description
The project was created and developed as a class project for Web Authoring. The purpose of the class is
to use Dreamweaver CS4 to create a fully functional and dynamic web site.
The scope of the class covers a range of
Dreamweaver features from basic site set-up to using and implementing advanced features. In addition to Dreamweaver,
Fireworks CS4 is introduced and used as a graphics editor. CSS is explored and used as the primary design formatting tool.
Category | Date Published | Authoring Tools | Support Files |
---|---|---|---|
Web | December 2009 | Adobe Photoshop CS4 Adobe Fireworks CS4 Adobe Dreamweaver CS4 |
View the larger image View the Full Web Site |