Musings of Jacob Thomason

My new kicks, very comfy.

*1

Next Day PETS? Seriously!? Why in the world do we need something like next day pets, and why is this a common suggested search term on Google?

*33

Adding a Separator Line with CSS between 2 Variable Height Floated Containers

OK, this is the 3rd time I’ve written this, and it’s now being written inside of textedit, b/c the tumblr plugin for chrome loses your data if you click off the browser window, or you click the “html” link… angry face

So, the shortened scenario now…

The situation is that you have two floated block level containers that you wish to have a separator line between. This is a very common situation. Now, many times you don’t know the height of these containers b/c the content within them is dynamic. This is an issue b/c you almost always want the line to be the height of the greatest container.

Now, you could use js to do this, getting the height of both containers and overriding the height style inline in the DOM, but this is a nasty approach and js should be avoided at all costs.

I am sure there are some other css solutions out there that others have used, and I’d love to hear them as well. However, I recently encountered this issue and came up with what I think is a pretty brilliant and clean solution.

I should reiterate that this really only works with 2 columns b/c we’re only able to get the greater of the two. Again, this is for floated block level containers.

So, the HTML code


<div class="container column-one">
    Column One<br />
    Column One<br />
    Column One<br />
    Column One<br />
    Column One<br />
    Column One
</div>
<div class="container column-two">
    Column Two<br />
    Column Two
</div>

Now, obviously from this code we can tell which container has a greater height, but let’s assume for the sake of this example that we don’t know which one would have a larger height. So, here is the CSS…


div.container {
    float: left;
    padding: 10px;
    }

div.column-one {
    border-right: 1px solid #CCC;
    }

div.column-two {
    margin-left: -1px;
    border-left: 1px solid #CCC;
    }

And that’s it, basically, we just overlay the lines on the same side. Super simple, huh? Would love to hear any feedback that you might have.

Is that right?

Computer Vision glasses… Perk of the job… Yay……

Daily News - Business Idea

Ok, so, I enjoy reading over my twitter followers to see news articles, but it’s time consuming and I dont do it often. If you do do it, you probably aren’t working enough.

So, an idea for a business model would be to take you daily stream and parse it out into an rss feed customized with REAL urls and site titles and maybe including a description meta data and a pic. This would be super efficient and offer an option for tying in ads maybe.

My new iPod LunaTik watch, pretty sweet. Now I need to figure out how this will work in the gym. The snap in/out is nice for this, but doesn’t look nearly as nice.

Thanks UPS

"It doesn’t matter how slowly you go-so long as you do not stop.” - Confucius"

Clustrix for MySQL scaling issues

This is really a great idea. I wish I could find pricing on it. My guess is that it’s going to be very expensive, but I could totally see companies offering this tech in a reseller like scenario…

http://www.building43.com/videos/2010/12/07/clustrix-makes-scaling-sql-databases-a-piece-of-cake/