Tuesday, March 13, 2007

Why tables for layout is stupid

Tables existed in HTML for one reason: To display tabular data. But then border="0" made it possible for designers to have a grid upon which to lay out images and text.
Read more >>

Lightbox JS v2.0

Lightbox JS is a simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers.
Read more >>

Monday, March 12, 2007

The BBC's Fifteen Web Principles

From a BBC2.0 project developer, Such as:

Do not attempt to do everything yourselves
Treat the entire web as a creative canvas
Remember your granny won't ever use “Second Life”
Consistent design and navigation needn't mean one-size-fits-all

Read more >>

An Example of State Diagram

The example below is the state transition diagram for the initial state of my parser. The links don't lead anywhere, so don't bother clicking on them. Do change the text size in your browser, though, and look at the example with styles turned off if your browser lets you.
Read more >>

Is invalid code created through JavaScript ok?

When developing web sites with heavy interactivity, your scripting skills are really put to the test. And, sooner or later, you will be put in a situation where it’s a fine line between following web standards and what’s best from a performance and structure perspective. One question that follows that is: is it ok to apply invalid attributes via script to elements? Read more >>

Best CSS Rounded Corners Solutions

This collection of techniques to create boxes with rounded corners using CSS has become quite popular. The problem now is there are so many choices it's hard to know which one to choose.
Read more>>

The website 3-click rule

Is it important that users be able to get to any content in a website within 3 clicks?

We hear at least weekly of companies enforcing the “rule” that users must be able to get to any page in the site within 3 clicks. There are several problems with this rule. More detail

53 Hot CSS Tips

smashing magazine contributed 53 accessible and usable css-based designs, base on the simple and easy principal, I think the following CSS styles are worth to learn:

CSS Bar Graphs (CSS For Bar Graphs)

Define Image Opacity with CSS

Drop Cap - Capital Letters with CSS

How to Create a Block Hover Effect for a List of Links

CSS Tricks for Custom Bullets

Creating a Star Rater using CSS

Displaying Percentages with CSS

Dynamic Piechart with CSS