While you’d be hard-pressed to come up with any single design tic that defines that coveted Web 2.0 aesthetic, nothing screams “I’m a hip blogger” quite like rounded corners. We’re not sure how the trend started, but even now as rounded corners have largely jumped the shark, clients still clamor for them.
Not surprisingly, there are literally dozens of ways to create the rounded corner look. Your options range from the very primitive (just create static backgrounds in Photoshop and apply them on a per-element basis) to the very progressive — CSS 3 can do rounded corners with just one line of code.
Unfortunately, not all browsers support CSS 3. So, unless you’re doing a fun site for your own experimentation, you’re going to have to resort to one of the more traditional workarounds.
We decided to dig through the many options for creating rounded corner elements and came up with a few winners that stand out from the bunch. These methods offer the best balance between simplicity and valid, semantic markup (for the most part) while keeping the images to a minimum. Not only do these methods adhere to proper web standards, but they’ll keep page load times down, too.
Continue Reading “Make CSS Rounded Corners” »
Now I love an
if() or a
switch() trees can be tricky and time consuming, and heaven help you if you need to hand it off to someone else not as familiar with your code. One also has to keep in mind that conditional evaluations take time, and processor horsepower, and that that time adds up if you have a lot of code executing client-side.
Continue Reading “YUI Carousel” »
A bitmap is a mapped array of pixels that can be saved as a file.
Both JPEG and GIF are bitmap graphic formats. Currently, the only other way to store an image is as a vector graphic. You can’t easily scale bitmap images, but you can control every single pixel and thus achieve many effects impossible in vector graphics. Conversely, vector formats offer advantages of scalability and lower bandwidth requirements. When you compress a bitmapped image, you suck out some of the visual information.
To bypass this, the portable network graphics format (or PNG, pronounced “ping”) was designed to store a single bitmap image for transmittal over computer networks without losing this data.
These are the types of media you can include in an HTML page, such as audio files, flash or GIF animations.