Oh, what the heck. This new design isn’t finished, but it’s getting there and I’m having fun with it and I’ll just fix it as I go. I’ll keep publishing the old design as old.html at least until this design stabilises, so just go there if you get too frustrated at this. I promise that this new design will soon acquire recent comments, trackbacks, nice round corners for the left column boxes, better date stamps for posts and, not least, more working links. Oh, and archives and lists of publications and such that actually match. Let me know if it looks weird in your browser!

27 thoughts on “nearly redesigned!

  1. anders

    What’s with the comments? I already sent you one saying about this:

    Congratulations! Cool design. Way better! This look becomes you!

  2. steve

    Very sharp.

  3. Lars

    The new design works pretty well in Opera, but IE for Windows is a mess.

  4. George

    Nice!
    It looks lovely in Netscape 7.1 for Win2k.
    Very chaotic in IE 6 for Win2k.

  5. Frank

    Nice one Jill! I like it 🙂 If you need help working out the kinks for IE, just holler.

  6. Collin

    Very nice looking design! It looks way better, I think.

  7. scott

    I don’t see your title at the very top (on Safari). I think you need something there — a lot of unused real estate, and I’m not sure I’m crazy about the way your face sort of blurs into the whitespace. I’m also wondering if you could do some kind of short version of your blogroll that just shows the sites that have been updated and links to a longer list. Overall however it’s an excellent redesign. And it’s good to see your face.

  8. weez

    It looks like you…or at least my mental image of you.

    Specifics: On the Mac, Mozilla checks out. It’s whacked on IE. (Mine is too, shrug).

  9. Jason

    I think the design concept looks great. Here’s what I see currently, with WinXP Pro, IE 6, 1024×76, and I think this is a … 17 inch monitor (my work computer). It’s sorta all over the place.

    Left sidebar looks fine (as long as the blue isn’t supposed to extend down yet).

    The middle content area is way to the right, leaving a ton of white space between the left sidebar and the content area (about the width of the “jill/txt” text). The jill/txt itself is cut in half horizontally (only see the top).

    The right side bar floats over your content column, so much so that the content bleeds all the way underneath to the other side.

    I’d send a screenshot, but I don’t have photoediting software on my work computer (*sigh*).

  10. Jill

    Oh dear. Sounds like it’s REALLY terrible in Windows explorer. So much for whamming up a new design prematurely, huh? I obviously should have checked it in Explorer but I hate using Explorer but still… It looks whacked in Explorer for Mac too. Presumably similarly whacked.

    Does Explorer not understand margin-right? Huh? And what’s up with the top left image disappearing, and the title (which is absolutely placed and the first thing in the HTML) being in the wrong place? I suppose the silver lining is that if I can fix those things – and do something about the weird float thing in the publications box – the rest is OK.

    Thanks for all the comments – I’ve obviously got some work ahead of me!

    (and Frank, I’m emailing you 🙂

  11. fiviecats

    Yep, Foxfire gets everything right on the OS X side. IE on OS X doesn’t. IE on XP doesn’t. Yikes. (IE X doesn’t get anything but a blue block on the left. No image, or text. Your “jill/text” shows up in the middle of the first entry.)

    When I was designing my wife’s webpages the biggest headache was in having to go back and forth between IE and Netscape to get everything to work properly.

    Are you trying to demonstrate the notion that no good deed goes unpunished? 🙂

  12. Jill

    So I checked my stats and it turns out only 44.6% of people who read jill/txt use Explorer in any variant. 45% use browsers that identify themselves as Netscape, and the rest use Opera and Konquerer and others.

    So half of you are seeing the new design right 🙂

  13. HÂkon Styri

    Regarding how your new design looks in IE it’s probably appropriate to label it jill’s kill bill look.

    However, trying to parse or validate the code I’m postponing the billbashing until later in your testing. :o)

  14. Jill

    Goodness! I suddenly fixed almost everything!

    Validating code is smart. (Yes I do tell my students that). I did mess around with lots of changes but fixing a

    left:45;

    making it

    left:45px;

    seemed to be where things straightened out. As in they ALL straightened out. How peculiar. Though certainly, my mistake, yes!

    Now I just need the left column to show the image and textboxes and I’ll be set! How astonishing!

    Well. That’s assuming Explorer for Windows works the same as Explorer for Mac. I’m hoping so.

  15. Elin

    Hey – it is looking better! Thanks for sharing the process – it is interesting to see things change step for step!
    E.

  16. Jason

    It looks tons better.

    The corners for the “who?” are still white, rather than blue (photos, too).

    In my browser (winXP Pro, IE 6), your “publications” box has an odd bit of pink extending beyond the corners of the box (about 5 pixels worth of extra pink extending top to bottom on the right-hand side).

    And the “jill/txt” title is still chopped in half.

    But it looks like it’s really coming together.

  17. vika

    Great design, very readable! And good to know that adding “px” helps, for my own sake. (In a couple of days we’ll be designing a proto-interface for RolandHT. That is going to be fun, and I’m sure I’ll use your px tip!)

  18. Ben the Geographer

    I really like the new look. Well Done.I hope your students appriciate it too! If only I had the initiative to make my blog this nice.

  19. Helge

    What a lovely design!

  20. HÂkon Styri

    Looks much better now, and the design is quite nice.

    Valid CSS helps, though you should probably consider to practice safe CSS as well. However, even valid and safe CSS may not work if the HTML or XML isn’t valid (or at least well formed).

    Btw, the “jill/txt” header weirdness seems to be some trouble with the box size and text positioning. (debugging hint: play with borders and/or background colour – it makes the box model visible.)

  21. Frank

    I just send Jill a CSS file that I worked on. I’ve checked it in Mozilla, IE5, IE5.5, IE6, Opera 6 and 7 on Windows. You can check it out at: http://fragment.nl/test/jill.html and any comments welcome of course 🙂

  22. Toril

    Kjempefin side, Jill! Har du html og css validert den? Bare sÂnn for ordens skyld altsÂ….

  23. Jill

    The CSS validates but there are some errors in the HTML. Some I’ll be able to clean up, some are actually about a misformed URL I link to. I might have sorted it out by midnight tonight, which is your deadline for completing the blog redesign assignment 🙂

  24. i1277

    Nice layout!

    The individual posts get a huge font size in Opera. This is because the h2 class=”title” tag isn’t properly closed, so that the rest of the text inherits the properties of that class. As you can see the closing tag uses h3 instead of h2:

    <h2 class=”title”>skin deep</h3>

  25. Eirik

    The new design is clean and tidy, but to my taste the portrait on the upper left is too big and domineering. This may be due to my mainly using 1024×768 screens, or perhaps it just comes down to plain old conservatism – I find that too much visual information on a webpage tends to interfere with my reading. What with the removal of the blogroll and the redesign of the last comment/trackback list, your blog seems less cluttered, but also less informative now than it used to be.

  26. Jill

    Thanks, i1277! Edits that forget to be complete edits tend to do that sort of thing – I’ve fixed it now!

    Eirik, I’ll be leaving the image as it is for now – I need to try DIFFERENT for a while! The blogroll and lists for recent comments etc may well return. There’s a link to my Kinja digest, though, which may be more useful for some users.

    We’ll see.

  27. lisa

    Wow, Jill, it’s gorgeous. (This might have something to do with the beautiful woman behind the blog!)

    I’m just back after a two-month break working on a novel.

    Very nice design!

Leave a Reply to Helge Cancel reply

Recommended Posts

Machine Vision Presentations

Drones in Society conference

I’m (virtually) attending Elisa Serifinalli’s conference Drones in Society: New Visual Aesthetics today, and will be presenting work-in-progress exploring how drones are presented in the 500 novels, movies, artworks, games and other stories that we have analysed in the Database of Machine […]

Machine Vision

Cultural Representations of Machine Vision: An Experimental Mixed Methods Workshop

Call for submissions to a workshop, Bergen, Norway
Workshop dates: 15-17 August 2022
Proposals due: 15 June

The Machine Vision in Everyday Life project invites proposals for an interdisciplinary workshop using qualitative approaches and digital methods to analyse how machine vision is represented in art, science fiction, games, social media and other forms of cultural and aesthetic expression.

Digital Humanities Machine Vision

What do different machine vision technologies do in fiction and art?

For the Machine Vision in Everyday Life project we’ve analysed how machine vision technologies are portrayed and used in 500 works of fiction and art, including 77 digital games, 190 digital artworks and 233 movies, novels and other narratives. You can browse […]