Category Archives: Meta

About this blog — design changes, technical notes, and navel-gazing.

Why Houston?

It started this morning while on my way to meet with Eli (whose website is almost ready) there were about 30 people on horses at the place where I like to eat breakfast. I thought to myself, “Only in Houston.”

Fast forward to this afternoon as I’m trying to take a “shortcut” on Memorial, but instead I get stuck behind a trail ride going who knows where at 5 miles per hour. Whose bright idea was that?! Let’s put someone on a busy street in rush hour and see how much we can mess things up. Since when were horses even allowed on streets and such? Isn’t traffic bad enough? Bah. This is why people think in Houston we ride horses to school and have cattle. (I’m not making that up.)

It’s Only Right

Friends don’t let friends do Livejournal. If you or anyone you know wants help setting up a blog, let me know. I’m trying to help as many people I know as possible get online and blogging. It’s the Right Thing to Do. Plus I have this big ’ol dedicated server running at less than 10% capacity.

Some Visitor Stats

Added the first of what will be many visitor statistics to the Zeitgeist. Thanks to PowerPhlogger I have very rich data in SQL which is easy to access. Plus it already does so much itself there is no need to reinvent the wheel in many cases. Right now there’s just visual goodies up, mostly because I’m struggling with getting tables to look the way I want using XHTML 1.1. Apparently ease of use was one of the things they depreciated.

Design Change

The design here is like the weather in Texas, if you don’t like it, wait five minutes for it to change again. Comments are appreciated! RSS users yawn and don’t even notice…

Update: I’ve gotten some comments that it looks a lot like Metafilter, and I see the similarities, mainly with the background color and story titles. The actual inspiration for this was that I ran across a page I did last year for a scholarship contest. I liked the way the black and blue looked, and as soon as I got some time I whipped this up. On second examination, the similarities are really superficial, and I think I’m going to stick with this design for a while. I’m going to try and tweak it though so the date/title to text offset isn’t so similar to Mefi. Any thoughts? The reactions so far have been positive.

Benefits of Caching

All around blogspace, blogrolls are down as it seems rpc.blogrolling.com isn’t responding to requests, even though the main site is still working. All I had to do was increase the $cacheminutes variable in my script to a high number and now it’s returning the cache from the last time it was up. I need to make it so it does that automatically, but that’s a task for when I have more juice left in my laptop.

Five Thousand!

Well I am proud to announce that the photolog has reached a great milestone: over 5,000 publicly viewable photos are now online. The champagne is flowing freely at the photomatt.net world headquarters. If you haven’t been in a while, I just put up two portrait series, some fun stuff, and some narratives. I’m looking forward to the H-Town Blog get-together tonight.

Menu Updates

As you have probably noticed by now, the menu looks quite different than it did before. The markup is still exactly the same, it’s just the lists have been styled with CSS to make them appear more like a navigation menu and less like, well, lists. I have also coded a new feature that when the less frequently updated sections of the site get updated or have a new item added, that menu item will be emphasized for twenty-four hours. Let me know any thoughts on the new updates.

Strange Mozilla Bugs

Well before I was delivering application/xhtml+xml to all Gecko-based browsers, but there seems to be a bizarre problem with Mozilla on this page. I had been doing my Gecko testing in Phoenix, which has no problems at all, and is now the only browser receiving the proper content-type for XHTML 1.1. Mozilla 1.0.1, 1.2, and 1.3a all seriously mess things up. First it shows the hostile XML error when it loads the page, which I brought on myself by putting it into super-strict mode, but the problem is there are no errors. I’ve triple-checked the page, and everything validates. It reports the error at a different place every reload, and it points to a random line from inside the blogroll, which is just basic XHTML. Then completely randomly it will show the page, but then stop displaying the content div after the “M” in the third paragraph from the last post, but then it shows the menu, which is after that in the code. When I change the content-type to be sent as text/html it displays every time, but still stops at the same place. Wait, as I’ve been writing this it looks like it’s working again in Mozilla, but only with the old content-type. Sigh. Hat tip: Mike Little.

Semantically Correct Blogroll

In tweaking the structure of things here in my quest for perhaps the perfect(ly structured) weblog I came to the problem of the blogroll, which is obviously a list but there is no obvious way to format it in list format (I know that’s the XHTML2 module documentation but it’s well-written and applicable). What follows is an explanation of how to create a semantically correct blogroll. I am a paid subscriber to the service, so there may be options available to me that aren’t available to everyone, or you may just need to do things a little differently to get the same result.

  1. First you can’t have anything in the first prepended or appended to updated links, because as we will see in a moment these are actually put outside the link "goodies" we’re going to play with later. So leave that blank. You can order your links however you’d like, I used to have them alphabetical but now that I’ve lost the visual indication of recently updated ones I’ve ordered them using the "Recent" option. (Should I be using an ordered list because of this? I haven’t decided yet)
  2. Set there to be no container, we’re going to have to make our own container in a minute.
  3. Originally I had thought that the opening and closing list item tags (<li>) could be put in the link "goodies" section, but it doesn’t work like expected, so for right now use the contributer only "Optional Linebreaks" option and put </li> in the field.
  4. For global targets I set it to "NOTARGET" but you may or may not need/want to depending on your personal philosophy on this issue.
  5. In the "Link Goodies" section prepend <li> to the link.
  6. You’re done! Almost. Check out what we have so far.

We’re not quite done yet, because we don’t actually have a list yet, all we have is a set of list items with no enclosure. This will work with lazy UAs, but it’s not correct. To enclose it I’m going use a modified version of the PHP method given on the site for including the blogroll, but if you don’t feel like you need the extra feature I’m going to lay out, you can just wrap the output from the stock script above in a ordered or unordered list tag.

Mike Little just dropped his blogroll in favor of his own link manager. He may be biased, but the issue he brought up of the blogrolling server provoked some thought. In terms of features, there’s no reason why I shouldn’t be using Mike’s script, but what really keeps me coming back to blogrolling is the community features, which aren’t easily duplicated without (you guessed it) a large community. So with that in mind, I began to think of ways I could cache things on my end, thereby making things easier on the blogrolling server and faster on my end. Two benefits that come to mind immediately is that it will eliminate an unnecessary request on the client-side (I’m using the javascript version currently.) and that the blogroll can be gzipped with the rest of my page for clients that support it. Here is the code I’m currently using. The code can either be embedded directly or included from another file. It caches using the unique blogroll id, so multiple blogrolls should not be a problem.

Also please don’t think that formatting your blogroll as a proper list entails having it look boring, the power of CSS allows you to customize the look of your list like never before, and though my blogroll isn’t styled (yet) the button-looking menus on your right are actually unordered lists. In fact, you will have more control over the appearance now that your blogroll is formatted as a list than if it was just a paragraph seperated by line breaks. If you have any questions about this leave a comment and I’ll be happy to help out. Of course Jason could add a list option tomorrow and make everything but the cache redundant. C’est la vie!

Comments Fixed

Thanks to Mike for pointing out a problem with the comments. While debugging it, I rediscovered what a mess the b2 comment code is, but I’ve cleaned things up quite a bit now. Why is everything done through an included file? Why can’t you show comments, pingbacks, and even trackbacks at the same time? Just adding things to my personal TODO. Comments are now part of an ordered list, though it’s styled so they look normal. When I was working on the comments it got me thinking about the whole FOAF and PGP comment integration stuff. It’s just a matter of time. Emails are never shown, no matter what.

Reset Links

Just a small request, if you have any links here on your blogroll or link list with the www. prefix, if you could change that to be just photomatt.net I would really appreciate it. I’m not sure how Google is going to handle the 301 Redirect Permanent headers so any help you can give will certainly smooth things over. Old permalinks and such, being permanent, will of course always work. Previously the “www” prefix was simply an alias that worked identically to just the hostname. I’ve come to consider this redundant; yes this page is on the “World Wide Web.” Actually in terms of user experience this change should be completely transparent, except I think I’m going to lose a lot of Google juice because of it—photomatt.net has a PageRank of 4; www.photomatt.net had a PageRank of 6 and was reindexed fairly frequently.

Undesign?

I’ve torn everything down and started from scratch. As a result things might look a little Spartan for a few days, but is that really a bad thing? The new PhotoMatt.net will run faster, jump higher, and post your comments before you think of them.

Redesign

Well all the cool kids are doing it ;). No actually, I’m starting to get back to the site in flux idea that I was attached to in the beginning. Before I had a home-brew theme system and I was committed to adding a new theme every month and making it the default for that month. As I added new features though it became cumbersome updating the different themes, and it was slowing me down when I was trying to add functionality. So I came to the decision that it was better to have one well-tweaked theme that worked perfectly with everything, rather than twenty themes that worked alright. I’m itching for a new design, plus I have some things to fix up around here, so it’s going to be a meta-day. Also to be honest I like having total control on how the site is displayed, which is why NS4 users see just text and other things, which is different then some sites that let you write your own CSS file even. There’s a lot to do, so I should probably make a list:

  • New design
    • Resizable fonts (no pixels for IE/Win)
    • External links differentiated
    • Something new with fancy cap stuff
  • RSS feedsDone
  • Finish archive system
  • Set up CVS (maybe gforge too?)
  • Install stereoI’m happy to say I think everyone in the neighborhood has heard it now
  • New intra-site link systyem
  • Improve error handling throughout
  • Install new RAID card and hard drives
  • Set up file-server
  • Try new battery in laptopThe new battery is nice, but the problem still appears to be the charging circuitry, just like I told them.

I think that’s enough for today.

Website Launch: Crystal Awards

Finally! As of about five minutes ago the AMA Crystal Awards site is now live and open to the public. Check it out and let me know what you think. This is actually the second iteration of the design, the first was entirely done in CSS and the barest XHTML and it worked quite well cross-browser but it was decided that we needed more uniformity across the print and web pieces and so this is what I came up with.

If you’re interested in seeing more of Miss Richfield 1981, he has a very informative website where you can find out all about him. I’ve heard rumors that he might be flown down for this year’s awards as well. We’ll see . . .

H-Town Blogs New Site

I’m happy to see we have a beautiful new site designed by the wonderful Christine with the header picture by Elaine. Elaine takes great photos and you should check out the ones on her site, also the last time I was at Kaveh Kanes they had a couple of hers on display.

I just had a kinda-cool idea for the site: what if the top image rotated with different pictures that the author felt characterized Houston. For a perfect example of what I mean see Typographica, which has different headers rotate that link to the font and the designer of the header image. It occurred to me when I was looking at the site and thinking “What a nice picture of downtown” and then I noticed the street and the lamps and I started thinking of where Elaine was when she took that picture. My mind wandered to the cool pictures Christine posted the other day and how it was a totally different view of downtown. My mind continued to wander (it does that a lot) to how when people think of Houston, they tend to think of either the Rodeo or the postcard view of downtown, when in fact there is so much more than that. Anyway, just an idea.

Final On Words

Final answer: most common starting words are “I”, “Well”, “The”, “It”, “This”, “There”, “Okay”, and “Just”. Most common first letters were I, T, W, A, O, S, M, and then J and H tied. I feel like I’m in a episode of Sesame Street. I’ve decided to add all this neatness to the Zeitgeist so you can check out the full list, updated live with the latest content, there.