Fixing background “bleed” on elements that use CSS3 border-radius property

It’s kind of funny that I never encountered this problem before… it must just be extra-noticeable because of the colors on this particular website I’m working on. Anyway, I found that the nice buttons I was creating with CSS3 border-radius were displaying an ugly “bleed” of the background dark blue color beyond the edges of the white border. No good.

before

A little googling led to Mike Harding’s solution, a simple background-clip property in the CSS. (Yet another of the preponderance of new properties in CSS3 that I’m finding it harder and harder to keep up with.) If w3schools.com is to be believed, the vendor prefix is unnecessary. Let’s just go with this:

background-clip: padding-box;

Ah, that’s better!

after

Quick Mac tip: unresponsive built-in iSight camera

MacBookI was dismayed yesterday to discover that the built-in iSight camera on my new MacBook was apparently dead. Photo Booth couldn’t find it, and neither could the Flash-based profile picture taker (whatever it’s called) in Facebook.

I figured it was just dead. Disappointing, but it’s not uncommon given the cost-cutting measures just about every modern high-tech company, including Apple, undertakes these days. At least it was just the iSight camera, probably the feature of this computer I use least (other than the video-out port). If it really was dead, I’d probably just live with that instead of the much greater inconvenience of a couple of weeks without my computer.

But before I gave up on it, I decided to do some research and it turns out that resetting the SMC (the new MacBook’s equivalent of the PowerBook’s PMU) should do the trick.

Here’s what you do:

  1. Shut down the computer.
  2. Unplug the power and remove the battery. (That last part is important.)
  3. Press and hold the power button for 5 seconds.
  4. Reinsert the battery, plug the MacBook back in (if you want), and restart.

It did the trick… my camera is working again! (Not that I really care enough to warrant that exclamation point, but… well… at least I don’t have a month-old computer with a defective component. That’s worth celebrating, no matter how irrelevant the part is.)

It’s not finished yet, but it’s already pretty stupid…

You may or may not have seen my Stupid JavaScript Tricks A–Z page. For a while I’ve had a mildly enticing teaser on that page promising “something big” when I get to the letter D. Well, I finally decided to skip C and get started on that “big” letter D. It’s about half done, but since I only get the inspiration (and time) for these kinds of things in short, sporadic bursts, I decided to run with it and post it in a half-completed state. The real topper is what comes next, and hopefully someday I’ll get around to it.

In the meantime, please check out the incomplete… Delete the Internet.