Archive for the 'Firefox' Category

CSS3 Rounded Corners: Avoiding Image Clipping Problems

The Scenario

Consider the following HTML+CSS setup: an img element wrapped in a div container with rounded corners (and optionally, a drop shadow); the div is sized to match the image’s dimensions, like so:

<!-- HTML -->

<div class="rounded">
    <img src="…" height="50" width="100" />
</div>
/* CSS */

div.rounded {
    border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.65);
    height: 50px;
    width: 100px; }

The Problem

If you’ve been playing around with CSS3 long enough, chances are you’ve already encountered this common problem: the corners of the image don’t get clipped by the container, although the container’s corners are rounded. A perfectly logical outcome, considering the box model behavior and element hierarchy, but in most cases, it’s not what we want for our layout. Continue reading ‘CSS3 Rounded Corners: Avoiding Image Clipping Problems’

Who The Hell is Samuel Garcia?: The Facebook Redirect Problem

In a nutshell: The problem has to do with particular models of Linksys Routers (WRT160N v3 and WRT310N). Want the fix already?: manually set the DNS servers on your computer, instead of the router. I recommend Google Public DNS or OpenDNS. If you’re still interested in the details, continue with the rest of the article, as well as the valuable comments.

Update (07 January 2011): For users of Linksys WRT160N v3, a new firmware has been available for quite a while now. It is suggested that you upgrade to the the newest version (3.03) (and let us know in the comments if this works for you). Thanks to Bill Creswell for the tip!

Last night, I started experiencing this weird thing with Facebook: it was redirecting to MySpace for a few minutes at a time. Specifically, to a custom URL for one Samuel Garcia (aka SR388, whose status reads, “faceebook transition. in progress”).
Continue reading ‘Who The Hell is Samuel Garcia?: The Facebook Redirect Problem’

Six Essential Firefox Extensions For Web Designers

Extensions are what make Firefox a truly great browser. Not only do they add extra functionality to its already-great out-of-the-box features, they also help define the role Firefox plays in a computer user’s life online. Continue reading ‘Six Essential Firefox Extensions For Web Designers’