Naming Things
February 7th, 2008
I registered my domain name today (http://mattkantor.com), so it looks like this site is legit now.
Welcome, everyone, to my happy but as yet sparse home on the interwebs. There’s more to come, I swear.
The Bug That Can't Be Squished
February 1st, 2008
UPDATE: Squished!
Thanks to Alex providing me with a screencap of a different (yet related) bug, I was able to figure out how to fix things. Turns out that, across all browsers, resizing the window to a few specific pixel widths was causing weirdness. I hadn't noticed it before because I must not have checked the site with windows of these particular widths (except Opera, as mentioned below, whose bulky window borders must have done the trick).
I'm pretty sure the bug was a result of browsers' need to round percentage values to pixels, and at certain sizes it would round down the width/margin of the left column and round up the left spacing of the main column, creating an extra pixel in between that shouldn't have existed. Crazy.
After doing a lot of cross-browser testing, I think I've finally ironed out all of the visual bugs here save one: in Opera and some WebKit browsers (namely Safari) that nice little arrow in the top left that shows you what page you're on gets shifted left by one pixel, but only when the browser window doesn't have a scrollbar.
My solution is to just have enough content to make my top-level pages scroll on all but the most high-resolution screens, which is kind of a hack, but one I'll have to live with for now.
I'm still frustrated though because I have no idea what's causing the problem. Do these browsers have a bug in the way they calculate percentage widths when there's not a scrollbar? Is there some kind of extra padding on the window? Does the absence of a scrollbar break negative margins? If any CSS designers are reading, have you ever experienced anything like this?
Here's the relevant CSS:
#meta {
position: fixed;
margin-left: 2%;
width: 20%;
}
#meta .menu {
list-style: none;
margin: 0 0 40px;
float: right;
}
#meta .menu li {
float: right;
clear: both;
margin: 0;
padding-right: 30px;
}
#meta .menu .current {
background: url(../images/squarrow.png) no-repeat right center;
}
#content {
position: absolute;
left: 22%;
margin-left: -10px; /* move left to make up for the background image's shadow */
}
This Design
January 27th, 2008
What does everyone think about the design of this site?
I wanted something that clearly separated actual content from meta-content (navigation and so on), and I think I definitely succeeded there. I also tried something new, using a “semi-liquid” layout, with a fixed content width but percentage values elsewhere. My biggest worry is that on higher resolution monitors the right half of the screen might be wasted space. Also, how does everyone feel about the fixed-position navigation and stuff (on the left)? Annoying or helpful?
Let me know what you think in the comments.
First Post
January 27th, 2008
I can’t believe it. I finally got around to making a site for myself.
It’s been in the works for years, but every time I would get excited about the idea and start implementing things school, work, perfectionism, or laziness would inevitably get in the way. Then by the time I came back to said ideas, my skills or vision had evolved so that I had to start from scratch.
This time around, I decided I would use a CMS to get things going. I’ve been playing with Ruby on Rails and I really like the framework, so I ended up picking Mephisto, whose elegant simplicity makes me wonder why I would ever use anything else.
Anyways, this site is still very much beta. I’m trying to get all of my work up here and the design may evolve as things progress. If you have any trouble using the site please let me know in the comments. All input is welcomed and encouraged.