All posts tagged ‘wiki’

File Under: CSS, Programming

Make CSS Rounded Corners

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.

The options here range from pure CSS to JavaScript-based solutions, hopefully offering something for everyone.


Continue Reading “Make CSS Rounded Corners” »

File Under: JavaScript, Programming

Free Yourself from Conditions in JavaScript

Now I love an if() or a switch() as much as the next monkey, but in these days where we push JavaScript (and browsers) to their limits in the name of Web 2.0 perhaps there’s a better way to handle complex conditions. Maintaining big if() and 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.

This tutorial will show you how to harness the power of function pointers and arrays in JavaScript to make conditional statements faster and easier to maintain.

Continue Reading “Free Yourself from Conditions in JavaScript” »
File Under: JavaScript, Programming

YUI Carousel

This is an example file used in our YUI JavaScript Library tutorial. It produces a window with rotating content, as seen on Yahoo.com’s current frontdoor.

Continue Reading “YUI Carousel” »
File Under: Glossary

Bitmap

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.

File Under: Glossary

Embedded Media

These are the types of media you can include in an HTML page, such as audio files, flash or GIF animations.