Image

It Was Only a Little Project, Take Two

Remember a month ago when I spent an inordinate amount of time on a tiny little project? Well, I had to stop thinking about it for a while because it didn’t quite rate high enough on my priority list to be allowed precious brain space. Well, I didn’t have time to work on it this week either, but I had too little brain space for my other projects yesterday evening, so I worked on it some more.

<. defensiveness >Now, in all fairness to my work ethic, I’d worked from 8:40 to 1:00 on a Moodle workshop we were putting on, and then from 1:00 to 4:00 on LexisNexis training, so my brain was so fried that that last hour was really useless to me for other, bigger projects. I put it to the best use I could by working on something that was not only useful but also interesting, exciting, and engaging. < / defensiveness >

Digressions aside, I spent an hour and a half yesterday afternoon working on my new professional website. It’s not done yet, but it’s a start. I’ve learned cool things about CSS (all formatting is done via CSS, which I’d never used before), and I’ve played with background images quite a lot, though I’ve gained a new respect for graphic designers. My undergraduate art minor is seeming farther and farther in my ancient past, and it’s doing me absolutely no good now.

I’m still working on color schemes (though this color schemer makes the job a whole lot easier), and the content is only just starting to take form, but I’m pretty pleased with this first draft. I’m particularly pleased with what happens when you hover over “Course Management System” in the “News” section. What fun!

Granted, most of the original CSS is stolen from all over the web, but I’m finally figuring out how to manipulate it for my own purposes. Now that I know why it works, I can start making it work for me.

4 thoughts on “It Was Only a Little Project, Take Two

  1. Beautiful site!

    <css pedantry>
    The tooltip on the “Course Management System” is nifty, but I’d say it is an un-semantic use of the <acronym> tag. Because “Course Management System” is not, of course, an acronym.

    You can still get the nifty tooltip if you wrap the text in a <span> and put the title on the span, like this:

    <span title=”A software package [etc.]”>Course Management System</span>

    Then the only problem is that the text doesn’t change its outward appearance, so no one will know there is something special about the text. You can solve that by applying a class to the span like this:

    <span class=”tooltip” title=”A software package [etc.]”>

    and in your css, define the class like this:

    .tooltip {font-style:italic;}

    or make it a different color, or give it a background color, or change the font to monospace or whatever you want to do to draw attention.
    </css pedantry>

  2. Ok, you’re nuts. You actually went into my code?!?!? Now I KNOW you’re a geek. :)

    But you do have a point. Until just now I knew nothing about “semantic” uses of tags, but now that I’ve taken a couple of minutes to look up what that this means and why people are so into it, I think I’ll go back and change my code. (That bit of my code was – ahem – borrowed from a site that had a lot of acronyms on it, which must be why they named the tag “acronym”…)

    Of course, now I know that you know what you’re talking about, so don’t be surprised if I end up asking you questions. Know this: you brought it on yourself. :)

Comments are closed.