Published: Monday, November 27th, 2006

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%

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



Published: Monday, November 27th, 2006

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%



Published: Monday, November 27th, 2006

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%



Published: Monday, November 27th, 2006

The Null Lab » CSS Tools

Fonts

Forms

Layout

Navigation

Misc Tools

Formatters and Optimizers

Popularity: 2%



Published: Sunday, November 19th, 2006

Popularity: 3%



Published: Sunday, November 19th, 2006

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 Sitemeter

OctaGate SiteTimer

Popularity: 3%



Published: Saturday, November 18th, 2006

modernwebdesign.png

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%



Published: Saturday, November 18th, 2006

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.

Free Icons

Sweetie | Free icon set

Popularity: 2%



Pages (26): « Previous Entries 1 2 3 4 5 6 7 8 9 10 11 12 13 [14] 15 16 17 18 19 20 21 22 23 24 25 26 Next Entries »