Academy of Art's Online Global CSS

I was asked to come in and fix the front-end of the new Learning Management System (roughly 10,000 online student enrollments worldwide). In ideal circumstances I would have completely overhauled it—to make it much more consistent, structured and efficient. But as it was, they were glad that I got it all to work and while I had my hand in there I fixed much non-compliant HTML, updated structures to follow semantic XHTML, and made the CSS more modular and eliminated repetition. I became the UI lead for the front-end interface for the students and instructors, and the back-end interface for the production team. I helped align all parties and brought direction to new services implementation.

While at the Academy I also created and managed a new Production CSS and HTML template. I managed the transition of that CSS and added a semantic structure to the HTML template: new icons and the CSS trick I was most proud of: an IMG tag that utilized CSS styling (and a placeholder 1 pixel gif) that enabled ALL icons and other template images to be controlled by one stylesheet—for seamless graphics updating without opening an HTML page. I've never heard of anyone else doing this (at the time, but I'm sure someone has done it).

• CSS Icon Cheat Sheet: created to help the production team learn the new icon methodology
  

Below are some examples from that experience. The design choices were somewhat limited to an existing style guide—but the development team did what we could.

Other CSS:

• CSS for a simple site: my basic clean style

• Live Nation Entertainment: CSS, XML, XHTML, XSL
• AAU Screenshot 1: LMS page: Front-end Landing page for Students & Instructors
• AAU Screenshot 2: LMS page: Class Discussion page
• AAU Screenshot 3: LMS page: Class Outline page
• AAU HTML CD Template for the production team

password protected:

• AAU FA 224: Example 1
• AAU FA 224: Example 2
• AAU FA 224: Example 3
• AAU FA 605: Example 1
• AAU FA 605: Example 2
• AAU FASCU 360: Example 1

student work

• AAU WNM 520

client brochureware:

• The Strand
• JM Glickman

From this page you can view two FlashVideo projects I designed and built as part of an e-learning project at the Academy. I also consulted on the interface that loads the module files and movies. But the two Flash pieces I created can be viewed from Module 1:

Load Module Interface
• 3 Act Structure: A Timeline Video Lecture with diagrams
• Audience Expectations: Re-used throughout all the modules. Uses cue points to create button menu.

The following Loading Slideshow demonstrates interactive gallery components written in ActionScript for my non-new media students. It's fully funcitonal, but is not a design sample:

• Loading Gallery & Components