CSS, FileMaker, HTML, jQuery, Photoshop, PHP

The purpose of the National Maternal and Child Oral Health Resource Center (OHRC) is to respond to the needs of states and communities in addressing current and emerging public oral health issues. OHRC supports health professionals, program administrators, educators, policymakers, and others with the goal of improving oral health services for infants, children, adolescents, and their families. The resource center collaborates with federal, state, and local agencies; national and state organizations and associations; and foundations to gather, develop, and share quality and valued information and materials.

I worked with a small team to redesign the existing site, incorporating a streamlined database and search engine, updating the graphical feel, and improving navigation and the user experience. Some of the new features include feedback forms and the ability to create custom bibliographies from your search results.

CSS, HTML, Photoshop, PHP

3rd version of the Silver Cypher website, designed to coincide with the newest CD.

CSS, HTML, jQuery, Photoshop, PHP

The Center translates research in healthy mental development into materials tailored to the needs of each of the target audiences, and makes them available on this website. In addition, the Center serves as an online “Community of Learners” a clearinghouse for the exchange of ideas through traditional and new media.

This site was a web version of earlier developed materials. I worked as part of a team to create the design, which encompasses a static, information section; tutorials with question and answer sections; and a customized search engine for for Social Emotional Screening Tools.

CSS, FileMaker, HTML, Photoshop, PHP

The O’Neill Institute is a joint project of the Law Center and School of Nursing and Health Studies and also draws upon the University’s other intellectual resources, including the School of Medicine, the Public Policy Institute, and the Kennedy Institute of Ethics.

My duties were to redesign the existing site from the ground up, integrating multiple existing databases and creating an informative hub for public health law information.

CSS, Google API, HTML

Map created to show the Metro lines in Washington, DC. I built this because, while the simplified map is nice, is doesn’t really give you a feel for how the lines are actually laid out geographically within the city.

Download the source code.

Building on the earlier example of listing all the files within a directory on a webpage, we can now add some nifty sorting features to make the experience all the better.

Just put both files in a directory with the rest of the files and you’re done! Easy as cakes.

View the source code!
Download the source code! [ 6k ]

CSS, Flash, HTML, Photoshop, PHP

This is a freelance project I worked on for two of my friends from high school driving from New York to Oregon, filming their misadventures, and hoping to eventually watch the Track Trials.

The site is a powered by WordPress and is running a highly customized theme.

There have been occasions where I have needed to just dump some files in a hidden directory of a website for internal use or to preview to a client. I don’t want to create a whole preview site for just this instance, and I want to keep directory browsing off for the rest of the site.

ASP offers some simple tools to list all the files in a specific folder and any sub-folders. The following code wasn’t written by me, credit goes to Mike Hall. I did however make some modifications to his original code. He had it set up in such a way as that you needed to manually enter which folders would be listed. I wanted something simpler. Something you could just drop in a folder on your site and it would automatically load and list all the files. I also didn’t want the index file to appear in this list.

View the source code!
Download the source code! [ 1k ]

Check out the updated version as well.

So I was working on a fairly simple site today, and it is looking mighty fine in Firefox and IE7 and Netscape and such, but then I saw it in IE6 and it was rubbish! Instead of having a fixed width and being centered horizontally in the browser, it filled the browser from edge to edge.

My first couple of attempts fixed the width problem, but it would always align itself right on the left edge.

Turns out IE6 is pretty quirky. A simple change to the DocType info fixed the problem and it all looks as it should now.

What I had (which was causing alignment problems in IE6):

<?xml version=”1.0″ encoding=”iso-8859-1″?>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

<html xmlns=”http://www.w3.org/1999/xhtml” xml:lang=”en” lang=”en”>
<head>
…

What I have now (and works everywhere):

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”
“http://www.w3.org/TR/1999/REC-html401-19991224″>

<html>
<head>
…

ASP, CSS, HTML, Photoshop

Jon Krech, founder and lead singer of the doom metal band Silver Cypher is a good friend of mine. We have worked together (not with music) on designs and web apps for several years now. He’s a great guy and you should check out the site and the music.