css

Since purchasing the iPad, I've constantly been amazed by how fast everything works—switching between large apps is no longer a game of roulette, and browsing the web is a breeze.

I ran some tests on Safari on my iPad, just to see how things compare to my MacBook Pro...

SunSpider Javascript Benchmark

Here's the screenshot from my iPad (14068.6ms):

And from my Mac (406.8ms):

The MacBook Pro (2.53 Ghz 15" with 4 GB of RAM) is about 34x faster than the iPad in raw JavaScript performance... not too surprising, but I'd guess this margin will be trimmed in the next five years, when everyone's carrying around a tablet :-)

Acid3 Test

Here's the screenshot from my iPad (took about 5 seconds):

And from my Mac (took about .5 seconds):

It looks like, in terms of raw power, the iPad isn't anything amazing, but it isn't nearly as slow as my iPhone (iPhone took SDFJSOIFJD ms). On most sites, I don't notice any lag while browsing on the iPad. Every once in a while a JS-heavy page takes about 2-3 extra seconds to load up all its widgets, but this is definitely tolerable. The decision to ditch my personal laptop is getting easier and easier...

The Bottom Line

Just basing things off the SunSpider test on Safari across my Mac, iPhone and iPad, you can see a very large gap between a 'desktop' Mac vs. the iPhone OS devices. This is understandable, as the iPad and iPhone are built for a completely different purpose than a laptop—they are not 'desktop replacement' computers, but rather mobile computing devices.

• iPhone (Cortex 600 Mhz A8): 17002.6 ms (baseline)
• iPad (Apple 1 Ghz A4): 14068.6 ms
• MacBook Pro (2.53 Ghz Intel Core 2 Duo): 406.8 ms

Also be sure to check out my comprehensive review of Apple's iPad.

I spent the greater part of two hours trying to debug an Internet Explorer bug today. Basically, I wanted to get an image that I uploaded to have a caption applied through jQuery. I used the Image Caption module for Drupal to do this, and set it to grab the 'alt' text in a <span> underneath the image, and wrap both the image and caption inside another <span>, which would grab the float/alignment for the image, and use that to float it left or right (or neither).

Well, in Internet Explorer 6 and 7, the image would appear on its own line, as a block-level element. I tried everything short of throwing my computer against a wall to get this to work, but was unsuccessful. I finally went for broke and tried some thing so dumb that it couldn't possibly work—but it did.

I changed the order of the inline css properties in the script so the float would be applied before the "display: block" value. Bingo, IE works great!

Some things that I have to do to get things to work in Explorer... I hate you, Microsoft!!

You can view a page with the aforementioned image caption here: Featured in the St. Louis Review: Christian Marriage.