-
UC Merced IT Department Website
Description
As a web developer, senior technical writer, and lead web designer, I recreated the UC Merced IT website to be both visually pleasing and standards based.
Responsibilities
- Design of site
- CSS
- XHTML structure
- Making updates to the site
- Most of the content
CSS Highlights
- Navigation menu created using only CSS. IE users will only see drop-down menus if JavaScript is enabled, because IE does not support the :hover attribute on li elements without help from JavaScript.
- Dynamic width.
Technologies Used
- CSS
- JavaScript
- JSP
- XHTML
Links
- CSS: main styling
- Page types: index view, content view
-
UC Merced Directory Search
Description
Complete redesign of the UC Merced Directory Search web application. Project goals included adding more features, making the application intuitive to use, creating a fresh and pleasing design, and using current web technologies.
Responsibilities
- Design of site
- CSS
- XHTML structure
- Bug and usability testing.
- Ongoing design work as requested features are added.
Design Highlights
- Dynamic width.
- Personally created vector images for the people on the top right.
- Abundant use of open source icons to make application more intuitive.
Technologies Used
- CSS
- JavaScript
- ColdFusion
- XHTML
- hCard microformat
- vCard
Links
- CSS: main styling
- Page types: start page, individual view, departmental view
-
Orby Photo
Description
The current design of Orby Photo was created after seeing Doug Bowman's photo gallery. I organize all of my photos using Apple's iPhoto program, export the images using the Photon plugin to a modified Wordpress install, and display everything using a theme I created.
The theme I created makes use of additions I made to Wordpress's MySQL tables, as well as a number of either modified or new functions.
CSS Highlights
- Remote rollovers.
- Mixture of dynamic and static width views, depending on type of page being shown.
Programming Highlights
- Uses PHP's exif extension and GD library of image functions.
- Expanded upon many Wordpress functions.
- Created a number of new functions to allow features not supported by Wordpress.
- Made modifications to Wordpress's MySQL tables and updated queries to take advantage of the new columns.
Technologies Used
- CSS
- MySQL
- PHP
- XHTML
Links
- CSS: main styling, undohtml.css, IE-specific styling
- Page types: index view, album view, individual photo view
-
UC Merced Experts Administration Site
Description
Administration backend for an upcoming site that will help to pair up UC Merced faculty members with members of the media. Allows non-technical site manager to easily add, edit, and delete faculty members from the site, along with the numerous news articles, schools, topics, and media files each faculty member will be associated with.
Responsibilities
- Site mockup sketches
- Database design (uses MySQL)
- Programming of entire site in PHP
- Design of site
- CSS
- XHTML
CSS Highlights
- Clean, lightweight design that stays out of the user's way.
Programming Highlights
- Straightforward image uploading.
- Conservative use of script.aculo.us JavaScript effects to make UI more enjoyable and intuitive.
- Extensive mod_rewrite rules to allow for human readable URIs.
Technologies Used
- Apache (including mod_rewrite)
- CSS
- MySQL
- PHP
- script.aculo.us JavaScript libraries
- XHTML
Links
- CSS: main styling, undohtml.css, IE-specific styling
- Although I cannot provide links to the actual PHP pages (the admin pages are obviously password protected), here are two screen shots: new faculty form, accepted submission of new news item.
-
OrbyOnline Blog
Description
My blog hasn't seen much updating as of late. Similar to the Orby Photo site, this blog is powered by Wordpress. I created a theme as well as a number of functions to allow the most recently uploaded photos to Orby Photo to display in the sidebar.
Programming Highlights
- Uses PHP's GD library of image functions.
- Added many functions that are used by a custom theme.
Technologies Used
- CSS
- MySQL
- PHP
- XHTML
Links
- CSS: main styling, undohtml.css, IE-specific styling
- Page types: index view, archive view, individual post view
-
UC Merced Virtual Tour
Description
The UC Merced Virtual Tour website serves as a means of introducing the sights of the campus and surrounding areas to potential students without requiring a visit.
Responsibilities
- Member of design team
- CSS
- XHTML structure
- Making updates to the site
CSS Highlights
- Slide selection thumbnail displayed using only CSS. IE users will only see thumbnail if JavaScript is enabled, because IE does not support the :hover attribute on li elements without help from JavaScript.
Technologies Used
- CSS
- JavaScript
- XHTML
Links
- CSS: main styling
- Page type: slide view
