Sometimes we forget that CSS is actually code. Usually it is just thrown together as an after thought because we simply one a few styles here and there. However, anyone who has dealt with CSS files over 100 lines long knows that just throwing together tags in a wild maylay is not the way to go.

CSS code should be laid out and structure just like any other code we write. Emil at Friendly Bit has a detail article on how to structure large CSS files. He mentions five (5) main methodologies:

1. Order your selectors like the HTML
2. Always use the “full path” to elements
3. Indent your code cleverly
4. Each declaration on its own line
5. … in alphabetic order

Popularity: 3%

Share This

If you're new here, you may want to subscribe to my Full RSS feed. Thanks for visiting!

With the advent of CSS we knew that the visual aspect of HTML would be vastly improved. At least that was supposed to be the plan. We’ve seen it a lot with images and text, but I must say this is the first time that I’ve seen CSS used with forms in such a way. Smashing Magazine has an excellent list of CSS Based Forms, which give forms a modern new look. Take a look see.

Popularity: 4%

Share This

I’m not sure how many of you actually gave thought to creating your own Image Gallery, I know I haven’t. If I needed one I’d just use a prepackaged one. But that was because my application always needed an entire gallery. But if you just need to through up some pictures a CSS Image Gallery is the way to go.

Why CSS? CSS is light and clean and it’s HTML standard. Some of these methods require a tad bit of JavaScript.

Please note, however, that you need to have all of your images ready to go. You need your thumbnails, your display images and your large images. These are not scripts, they are Do It Yourself galleries so they don’t create thumbnails for you or anything like that.

Alex at YouNeed2See Technology has a nice list of these galleries. Go check it out.

Popularity: 5%

Share This

The Null Lab » CSS Tools

Fonts

Forms

Layout

Navigation

Misc Tools

Formatters and Optimizers

Popularity: 2%

Share This

• PicturePush.com | Online Photo and Movie sharing
• Simplybill brings simple invoice management to all
• How to improve Apache httpd performance with mod_cache
• Horizontal Menus with Lists
• MySQL Performance Tips
• To Adsense or Not to Adsense
• Photoshop: Perfect Pixel Patterns

Popularity: 3%

Share This

I’m not sure what exactly the entire package does, but this is something they demoed on the website. A beautiful AJAX site timer. It shows start time, connect time, time of first byte and time of last byte for every element on the page that it loads. Check it out.

OctaGate SiteTimer

Popularity: 3%

Share This

Funny as hell.

I must admit, that part about Internet Explorer is so true, but what are you going to do? It’s all part of the job description.

Popularity: 4%

Share This

You never really know when you’ll need an icon do you? Here is a set of free icons for use. They are licensed under Creative Commons license so you can use them for whatever.

Sweetie | Free icon set

Popularity: 2%

Share This