Dirk Jesse hat den YAML-Builder 0.3 released.

Was ist YAML-Builder? YAML-Builder ist ein Javascript-Tool, mit dem sich ein Layout, basierend auf YAML, dem (X)HTML/CSS-Framework von Dirk Jesse, einfach im Browser zusammenklicken lässt.

Hier ein Screenshot:

Ich wollte mit Microsofts Expression Web "mal eben" ein tabellenloses 2-Spalten-Layout realisieren.

Dabei sind mir zwei Punkte negativ aufgefallen (der erste weniger, der zweite mehr):

1. Expression Web bietet nur Layout Tabellen aber keine Layout-<div>'s. Dass man sowas fertig liefern kann, beweist YAML. Aber sei es drum: man kann den Weg auch zu Fuß gehen...
2. ...allerdings endet dieser imho sehr schnell in einer Sackgasse. Warum? Selbst wenn man nur die Grundzüge eines mehrspaltigen Layouts ohne Tabellen verwendet, d.h. ein float:left für den linken div und ein margin-left für den rechten div, kann man die Vorschau bereits nicht mehr gebrauchen, da die divs in der Höhe versetzt dargestellt werden, was weder dem Output im IE noch im FireFox entspricht:
   
    

"Something that often seems to confuse people that are new to CSS-based layouts is the use of tables. I’ve seen plenty of cases where people interpret “avoid using tables for layout” as “don’t use tables at all”. It’s important to remember that tables are still perfectly fine to use – if used correctly."

Read "Bring on the tables"

Computers are supposed to make our lives easier, not more difficult. As usability-conscious designers, we can make our users’ lives easier by thinking about the way people interact with our websites, providing clear direction, and then putting the burden of sorting out the details in the hands of the computers—not the users.

It’s often the smallest usability quirks, however, that create the biggest annoyances for users, especially when it comes to HTML forms. Follow these guidelines, and you’ll be off to a good start.