Goldfish and Squirrels

I am happy to report that my computer is still on my desk. I did *not* throw it out the window. It was close there a few times, but since I am now safely typing on it, I believe I survived embedding webfonts into my Clio II portfolio page.

First, I must thank you all for your comments in class last week. I took them all to heart and made some major adjustments. I followed the CARP principle, and moved some of the content boxes around. Namely, I floated my nav back to the left side of the screen to allow for proper eye tracking. I found a nice image of some policemen in training from the Library of Congress Prints and Photographs Division and put it my header. I even ghosted the image a bit so that the red text would show up more. (Look at that, 3 weeks in and I’m crazy. Crazy with the Adobe Suite!)

I realigned all my text so that it’s not all over the place and increased the font. Actually, I changed all my units of measurement to em(s) so that it was consistent. Additionally, I added some red pieces for repetition, including the navigation links and the headline. As this design morphs, I hope to add some more red here and there.

As for the colors, I’m a bit unhappy with the fact that I went the route of the walking cliche and made a red, white and black site. I chose the photo and opted for simplicity and matching. I am happy to report that I am taking a field trip to Baltimore on Thursday to photograph the Nutshell Studies. Depending on how things turn out, I hope to use one of my own photos for the header image and will likely change the colors accordingly. From my initial research, the Studies are quite colorful, so I should have better options.


As for the EMBEDDED FONTS (yes, this phrase does deserve all caps given how much sweat and tears I’ve spent this weekend on getting the damned things to work), I really loved the Lynda tutorial. I’ve used Lynda in the past and always I’ve been impressed with the quality of instruction. I went ahead and took the SitePoint CSS Crash Course to help me really absorb some of the CSS nuances that were totally lost on me. So when it came time to embed like a fiend, I was excited.

And then I went font shopping. This distracted me for two days. I initially chose two fonts from FontSquirrel: England Hand and Mom’s Typewriter.

Like Laura, I really wanted to create some tension in my design and therefore opted to go with a lovely handwritten cursive title juxtaposed against a creaky old police-looking typewriter font. Trouble is, I could not get them both to work in my design using @fontface syntax.

England would work in my title when I removed the Typewriter font and vice versa. Maddening!

Our new friend, James, forgot to mention (in his otherwise great tutorial on using @fontface) where to insert the code in the CSS file. I found that where I put the @fontface declaration really made a difference. If I put it too early in my CSS, it wouldn’t read the rest of the formatting and I had content all over the place. It worked when I put it at the end, but like I said, I could only get one font to work correctly.

To get around this, I decided to scrap the pretty England Hand font and use a TypeKit cursive instead. My final H1 font is Learning Curve. This is a decent old-school cursive lesson-type font, which works. It’s not as decorative as I wanted, but it’s a better option than throwing my computer out the window.

I still don’t feel like I ‘get’ what I was doing wrong. This week, I’ll likely consult the Google and see what she has to teach me. Until then, does anybody have any insight or wisdom as to what I was potentially doing wrong? Anyone successfully embed two fonts using @fontface syntax? If so, please tell me how you did it..

My Project and My Exploration of the World of Victorian Color

(alternatively titled: Why Literal Isn’t Always a Good Thing)

I spent the evening with Dreamweaver and my brand new desktop app ColorSchemer Studio. Colorschemer is amazing and magical and dangerous. It’s one of those slick desktop color wheels that allows you look for color and find associated and related color families. For someone who isn’t totally confident in her ability to pick related or a family of colors, it’s a Godsend. It’s also very, very dangerous.

Let me back up. I’m a first-year PhD student. I received my Masters from GMU back in 2005. I entered the program about halfway through my required coursework, something that has been great and a bit scary, as I’m farther along than I realized. I still have some major hoops to jump through, but I’m at the point where I need to start solidifying a dissertation research idea.

My general interests are in 19th Century crime and gender. I’m avidly looking for interesting ways that gender issues and crime intersect. As such, a friend turned me on to the Nutshell Studies of Unexplained Death, which are a series of miniature doll houses recreating complicated crime scenes. I’m 95% sure this is going to be the topic of my final project for class.

They were meticulously made in the 1940s by Frances Glessner Lee, a wealthy Chicago heiress with a passion for forensic medicine and Sherlock Holmes. She supported forensics and in the ’30s donated enough money to start a special program at Harvard Medical School, which included annual seminars led by Lee for police investigators. These seminars lasted a week and each attendee was given classes on proper investigation techniques, some classes included the use of these miniatures as teaching tools. The week culminated with a grandiose dinner at the Ritz Carlton served on $8000 china.

The doll houses alone are really interesting. So much so that a photographer published a beautiful book, The Nutshell Studies of Unexplained Death and they feature prominently in an upcoming documentary film, Of Dolls and Murder.

I haven’t seen the movie, but the book, which an interesting collection of photographs of the miniatures and an impressive collection of factual research and interviews about Lee herself, raises several very interesting historical questions. Namely, how did this woman, a wealthy heiress foray into the work of homicide investigation and forensics? And how on Earth, given that she had only tangential experience with these topics through friendships with other people (and, apparently, a love of Sherlock Holmes and Perry Mason) did police forces and their respective captains take her seriously as someone who should be teaching these seminars? She was not a policewoman. Did these policemen just play along because she was older and wealthy enough to exert influence over institutions as grand as Harvard Medical School? Were they just playing along with an eccentric woman’s parlor games? Did these doll houses actually help them do their jobs better?

Obviously, I can’t answer all of these questions in one semester? But maybe I can find out a little bit about how the doll houses were used and what they meant to the policemen at the time.

These miniatures now live at the Baltimore Medical Examiner’s Office and I have requested access to photograph four of the eighteen remaining models for my project. I’m hoping to supplement the photos with some information about Lee and forensics in general. The world of miniatures also looms large as these certainly were a product of a specific time and interest in recreating important scenes in miniature.

So, because I can be a little too literal for my own good, I ventured into my fancy new color picker toy and thought I’d play with a Victorian doll house theme. I found all the “Victorian” colors in the wheel. Then I set about playing with my css template and tiled images. And I ended up with a Victorian doll house (on crack?).

My first portfolio attempt

My husband called it “unbelievably distracting.” And he’s not wrong. Because of the busy-ness of the tile, your eyes go back and forth between the roofing and never really land on the center content part.

So needless to say, I have a lot of work to do. However, the bright side of this entire exercise is that I successfully uploaded the site and the images. So I’ll call that progress and start over tomorrow.

If anyone happens to be interested, they sell ColorSchemer Studio licenses for about $49 retail. If you are interested, there are student discounts available.