skip main menu

CSS Conversions

Gardner Information Design, Inc. offers services for conversion to standards-based XHTML and Cascading Style Sheets (CSS).

During Fall 2007, GIDI Principal P.J. Gardner performed a website conversion for Broadleaf Services, Inc. (www.broadleafservices.com) using cascading style sheets (CSS) and standards-based XHTML.

> Next Project Sample

Broadleaf Services

On this project, P.J. Gardner converted the Broadleaf Services web site from an unnecessarily complex design written in PHP and a proprietary content management system to clean, standards-based XHTML, controlled entirely by the cascading style sheet.

The result was obtained without significantly altering the visual design, other than to update content and add new CSS menus.

Broadleaf Services AFTER (large image in a new window). Broadleaf Services BEFORE (large image in a new window)

Compare the new version with the original:

Learn more about this project by visiting the live Broadleaf Services web site as it exists today:

The goal for this project was to give the customer the ability to control and maintain their own content without being dependent on their previous offshore web development company. In the process, P.J. converted the site from a fixed, table-based layout to a fluid page design with flexible fonts.

P.J. Gardner of Gardner Information Design, Inc. performed this CSS conversion project on a freelance basis.

Skills

Skills employed on the Broadleaf Services project included:

  • Extracting the code from the database of the content management system.
  • Deconstructing the PHP code of the original site.
  • Rebuilding the entire site as a fluid page design without layout tables.
  • Reconstructing the look and feel of the site with cascading style sheets.
  • Defining text sizes that can be modified by the user.
  • Creating new CSS drop-down menus.
  • Revising content through collaborative communication.
  • Testing the site across the browsers defined by the customer (Internet Explorer and Firefox).

Disclaimer: Live web sites are always subject to change. The examples on this page may not match the current version.

^ Top

> Next Project Sample