Category Archives - CSS

All things related to Cascading Style Sheets.

The following are excerpts of articles in the archive listing. Select any heading to visit the full article.

25 Rounded Corners Techniques with CSS

CSS Juice has an interesting collection of rounded corner techniques to share:
Rounded corners is one of the most popular and frequently requested CSS techniques. Even the father of Internet Google also launch the rounded corners style markup with their Google Adsense and let users to custom their ads recently.
Actually, there are a lot […]

More than 100 Web 2.0 Online Generators

Here the list of online generators specifically for web 2.0 design. It includes several options in each of the very long list of categories that follows:

Graphics & Image generators
Color generators
CSS generators
Domain Name generators
Email generators
Favicons generators
Flash generators
Form generators
METATAG generators
Password generators
PopUp generators
robots.txt generators
RSS generators
SiteMap generators
Text generators
ASCII generators
PDF generators
Tooltip generators
XML Forms generators
HTACCESS generators
Fun & Humor

Massive Hex Code Color Chart

Here is a massive color chart with the useful hex codes for about 1,500 different colors.
What I like best about this chart is that it keeps all the similar colors grouped together (unlike just about every other color chart I can find.)
There is also a complimentary Black and White color chart […]

Black and White Hex Code Color Chart

For quick reference sake, here is a table with hex codes for a wide range of grays from White to Black. It should assist when you are needing to pick a color for text or backgrounds.
There is a complimentary color hex code chart here.

Writing Web Pages for iPhone

Apple has published an article on writing Web pages for iPhone. It’s interesting to see that iPhone supports CSS3 media queries such as media=”only screen and (max-device-width: 480px)”. Also, JavaScript execution on iPhone is limited to 5 seconds per entry point, and Apple recommends auditing Web sites for unnecessary JavaScript (Google Analytics, anyone?) to improve […]

Using Inline CSS to Define Image Dimensions

Recently, I took part in a thread at the International Web Developers Network that discussed the use of inline CSS to define the width and height of an image.
In short, you should not be using inline CSS (or external CSS) to define the height and width of an inline image.
Why? Because defining image dimensions is […]

CSS Menus

Just a quick entry while I have two minutes. More blog entries coming from me in the near future.
Despite the influx in the use of CSS in recent years, I still see far too many people resort to Javascript when dealing with fancy menus on their Web sites. Now, I have no problem with people […]

Rules for High Performance Web Sites

This post courtesy of Rich Skrenta:
Steve Souders of Yahoo’s “Exceptional Performance Team” gave an insanely great presentation at Web 2.0 about optimizing website performance by focusing on front end issues. Unfortunately I didn’t get to see it in person but the Web 2.0 talks have just been put up and the ppt is fascinating and […]

CSS Zen Garden Demonstrates Style Flexibility

I’m not aware of any site that demonstrates the potential of CSS more than the CSS Zen Garden.
There are currently nearly 1,000 different style sheets for the exact same page of HTML to demonstrate just how dramatically the layout can be affected by a really great designer.
I find that searching through the various layouts can […]

10 Quick Tips for an Easier CSS Life

Search-this.com has an interesting article on practices to improve your CSS. Visit the site for all the details, but here are the cliff notes:

Keep it Simple
Don’t use hacks unless its a known and documented bug
Take care of margins and padding on all elements that you use
Avoid using too much absolute positioning
Avoid “divitus”
Avoid “Classitus”
Validate your […]