archive for July, 2009
Fixing the Browser Resize Render Problem
You're site is done and launched. You've fixed every bug but you overlooked one — when you resize the browser and scroll right, the background images fail to render across the entire width like they should. This most likely won't affect a lot of users but for the people who like to surf the web with small browser windows or who have small screen resolutions (800×600), it's a big problem.
Recently I've encountered a problem with how browsers render elements when the window is resized. Depending on the site's design, this can be a very noticeable flaw to an otherwise good site. And the problem just isn't with IE this time (shocker). The problem exists in all browsers. It surprises me that a few big name site's haven't fixed — or maybe they don't know — that the problem exists (37signals.com). Continue reading…
Robert Frost Also Writes Poetry
New typography experiment featuring Robert Frost's poem In a Disused Graveyard. In the same vein as my last piece, Walt Whitman Wears Shades, which is basically just me experimenting with new techniques and typography. The typeface used is Lucida Fax. Purposely made the original poster size — 18 × 24 — so maybe one day I'll get some printed up. Enjoy.
Independence Day in Orlando
Last night Orlando celebrated Independence Day in its usual fashion, with a huge fireworks display over downtown's Lake Eola. Apart from the time when a mortar tipped sideways, skipped across the lake and came with 25 yards of going into the crowd, and what looked like a misfire when the raft shooting the fireworks had a couple fireworks explode before they were launched, the show was pretty good, albeit interesting.
Check out the pics in my Flickr photostream.
The CSS Overflow Trick
For those who work with front-end code, clearing floated elements has probably been one of the most common layout problems when using CSS. The problem is brought on when an unfloated container has a floated element or elements. The parent looks like in takes up no space at all while the floated elements seem to fall out of the parent. Frustrating stuff.
Traditional fixes consisted of either A) setting an element with clear: both; after the floated element or B) basically floating everything. Option A is not semantic and option B is very inefficient. I've used both options since I've learned CSS so I was surprised when I read Sitepoint's article about how to clear floats easily. Continue reading…
