An Overview of HTML 5 & CSS 3

Picture for 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.


Project Data
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

Top of Page | Back to Project List

Evite for Quadra: The Final Event 2011

Picture for 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.


Project Data
Category Date Published Authoring Tools Support Files
Web July 2011 Photoshop CS4
View the full size image

Top of Page | Back to Project List

Extraneous Squared - A PHP & mySQL Demo

Picture for 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.


Project Data
Category Date Published Authoring Tools Support Files
Web December 2009 Adobe Dreamweaver CS4
mySQL & phpMyAdmin
View the larger image

Top of Page | Back to Project List

St. Valentine's Day Hearts Ecard: "The Gold Design"

Picture for 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".


Project Data
Category Date Published Authoring Tools Support Files
Web February 2009 Adobe Illustrator CS3
Adobe Photoshop CS3
View the Full Size PDF

Top of Page | Back to Project List

Web Authoring Web Site

Picture for 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.


Project Data
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

Top of Page | Back to Project List