Wherein we write down some stuff that we know.

Archive for the ‘Microformats’ Category

Directory Refresh

Thursday, November 29th, 2007

Yesterday we launched a refresh of the online Campus Directory as apart of our efforts to remediate websites that are not accessible. The update looks more or less the same visually, but there’s much more exciting stuff happening under the hood including a sprinkling of the hCard Microformat where applicable.

Reinventing the Chico State web

Tuesday, October 23rd, 2007

Years ago in an interview I was asked how I would solve the university’s web consistency problem. At the time, the thought was “good luck!” In an environment with a decentralized web site, it seemed unlikely that content management would happen. That question has been asked once again, but now we’re in a better position to answer that question: “How do you manage the Chico State website?” Here are my personal thoughts on how to approach this problem.

Accessibility has been a driving force behind the urgency to find a solution for web management. The need to ensure that all of our pages are accessible along with the desire to streamline the process of creating websites has been combined under a new Web Governance plan. In the coming months, committees will be formed and discussions will take place about where the future direction of the Chico State web presence and how we will get there. Below, is a diagram of the problem as I see it and how I would go about implementing a solution.

(more…)

Attack of the YUI

Tuesday, May 15th, 2007

A very subtle change occurred on campus today. No, it wasn’t the mysterious JunkMail Digests that appeared in our inbox, rather a step forward toward a better future.

At the request of Public Affairs, we updated the Public Facilities page. With the ATI we’ve been cleaning up some of the pages on the campus web server as we go just to make sure we’re covering our basis. I noticed that the Public Facilities page was using a University template that appeared to be from the late 1990’s.

So, I cleaned-up the page and made it accessible and valid HTML, etc. In addition, I tossed the content into one of our “beta” templates that’s built upon the YUI Reset/Fonts/Grids foundation.

We hope that this foundation will eventually be made available to other web contributors on campus. Right now, we’re still finding corner cases and looking for ways to abstract CSS into components for more of an ala carte option. (more…)

Macroformats vs. Microformats

Wednesday, August 16th, 2006

Lets look at the Academic Calendar for fall 2006 for a moment. Would you rather have the page marked up with microformat hcal information, have the information available as XML (RSS & Atom), or in iCal format?

Me? I’d take XML first…but then I’m an edge case.

Microformat Exercise Part 2: Faculty Listings

Monday, May 8th, 2006

Today we saw a preview of the new English Department website that featured a directory listing of faculty members. Here’s an example sample of some of the markup for one faculty member

HTML:
  1. <td width=“34%”>
  2.   <strong><a href=“bio/lastnameFirstInitial.shtml”>Jane Doe</a> </strong><br />
  3.   Composition, Literature <br />
  4.   Phone: 898-0000 <br />
  5.   Office: Building  116 <br />
  6.   <a href=“mailto:dalexich@csuchico.edu”>jdoe@csuchico.edu </a>
  7. </td>

If we add a few classes to this existing structure (plus a few @span@s) we could make the site microformat compatible.

HTML:
  1. <td width=“34%” class=“vcard”>
  2.   <strong class=“fn”>
  3.     <a class=“url” href=“bio/lastnameFirstInitial.shtml”>Jane Doe</a>
  4.   </strong><br />
  5.   <span class=“org organizational-unit”>Composition, Literature</span><br />
  6.   <span class=“tel”>Phone: </span><span class=“work”>898-0000</span><br />
  7.   <span class=“adr work additional-address”>Office: Building</span> 116 <br />
  8.   <a class=“email” href=“mailto:dalexich@csuchico.edu”>jdoe@csuchico.edu</a>
  9. </td>

Bam! Microformat compatible.