table.mit_runden_ecken tr:first-child td:first-child { border-top-left-radius: 15px; }
table.mit_runden_ecken tr:first-child td:last-child { border-top-right-radius: 15px; }
table.mit_runden_ecken tr:last-child td:first-child { border-bottom-left-radius: 15px; }
table.mit_runden_ecken tr:last-child td:last-child { border-bottom-right-radius: 15px; }

Eine noch besser ausgearbeitete Lösung findet man bei Red Team Design:

Zur DEMO-Website

“Not Just a Grid” ist ein flexibles und modulares CSS-Framework, das bei der Entwicklung von Websites hilfreich sein kann. Es ist zukunftsorientiert für größere Bildschirmdiagonalen und den Einsatz von CSS3 konzipiert worden. Wie der Name schon sagt, bietet es nicht nur ein CSS-Grid-System sondern darüber hinaus auch Vorlagen für Buttons, Tabellen, Formulare, Alert Boxen und vieles mehr.

Website: www.notjustagrid.com

Website: http://candrews.net/sandbox/spryMap/

CSS-Dateien verlinken

Per Hotlink lädt man die CSS-Dateien direkt von Google.com.
Anhand der URL-Parameter werden die Schriftarten sowie die Variationen dieser Schriftarten bestimmt.

Einfaches Beispiel:

<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Tangerine">

Etwas aufwändiger:

<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=
Inconsolata:italic,bolditalic|Droid+Sans">

CSS

Im eigenen CSS-File können diese Schriftarten für jedes beliebige Element festgelegt werden:

body { font-family: 'Tangerine', 'Inconsolata', 'Droid Sans', serif; font-size: 48px; }

FontLoader

Anstelle auf das CSS bei Google.com zu verlinken, kann der JavaScript WebFont Loader verwendet werden. Dies hat Vorteile wie z.B. die Kontrolle über das “Flash of Unstyled Text” (FOUT), aber auch Nachteile, wie die Tatsache, dass die Schriftarten bei deaktiviertem JavaScript nicht geladen werden.

<script type="text/javascript">// <![CDATA[
WebFont.load({
google: {
families: ['Cantarell']
}
});
// ]]></script>

Klassennamen wie .wf-loading werden auf die entsprechenden HTML-Elemente angewendet.
Wenn die Schriftarten geladen werden, können diese Klassennamen verwendet werden, um den Text zu verstecken/auszublenden. Dann wenn sie fertig geladen sind, müssen sie wieder sichtbar gemacht werden. So funktioniert FOUT.

Websites: http://paulirish.com/2010/details-on-the-new-google-webfont-api/
http://code.google.com/webfonts

Das css3-click-chart bietet eine übersichtliche Darstellung der Möglichkeiten die sich mit CSS3 für den Webdesigner eröffnen. Für jede CSS Eigenschaft kann durch Klick auf die Überschrift der Quellcode angezeigt werden. Also beispielsweise für HSLA-Farbwerte, mehrspaltige Layouts, Text-Effekte oder abgerundete Ecken:

Website: http://www.impressivewebs.com/css3-click-chart/

Instant Blueprint ermöglicht  das schnelle Erstellen von Webprojekten  in validem HTML / XHTML und CSS. Mit dem Online-Tool kann man die Reset-, Layout- und Print- Styles  generieren, eigene IDs und den gewünschten DOCTYPE definieren und auch gleich noch das gewünschte JavaScript Framework einbinden.

Nette Geschichte, die den Entwicklungsaufwand dautlich verringern kann.

Website: http://instantblueprint.com

0to255 ist ein einfaches Tool, das Webdesignern hilf hellere und dunklere Farben basierend auf jeder beliebigen Farbe zu finden. Es macht Spaß, ist einfach und erspart viel Zeit.

Wähle einfach die Farbe, mit der du beginnen willst und 0to255 gibt dir eine Farbreihe angefangen von schwarz bis weiß mit einem Intervall das für Webdesign optimiert ist. Dann klickst du einfach auf die Variation, die du verwenden willst und der Hex-Code wird automatisch in die Zwischenablage kopiert.

Website: http://0to255.com/

CSS Gallerien sind aus Sicht des Web-Designers nicht nur Inspirationsquellen, sondern helfen auch eine Website bekannt zu machen und können somit auch ein nützliches Tool zur Suchmaschinenoptimierung sein.

Mit CSSGallerySubmission.com, können Sie Ihre Website in fast allen verfügbaren CSS-Galerien im Netz einreichen. Der Service ist zu 100% kostenlos und minimiert den Aufwand neue Webseiten in CSS-Gallerien zu veröffentliche erheblich.

Website: http://www.cssgallerysubmission.com/

Mit CSS3 kann man sich wirklich viel Arbeit und auch Ladezeit ersparen. Dinge wie Drop-Shadow, runde Ecken, Transparenzen etc. sind möglich – nur leider nicht broweserübergreifend. Der CSS3 Rule Generator hilft dabei die unterschiedlichen CSS Regeln für die verschiedenen Browser zu definieren.

Website: http://css3please.com/

CSS3 Dropdown Navigation

Und hier gleich noch ein schönes Beispiel was mit CSS3 möglich ist. Sämtliche Effekte wie runde Ecken, Schatten etc. sind hier mit CSS umgesetzt:

Website: http://bit.ly/byMVKF

Fast schon als neuen Trend könnte man die sogenannten Megadropdown Navigationen bezeichnen, die neuerdings gerne auf umfangreicheren Websites eingesetzt werden.

Hier sind zwei Beispiele. Einmal mit JavaScript (JQuery):

http://www.sohtanaka.com/web-design/mega-drop-downs-w-css-jquery/

http://www.sohtanaka.com/web-design/examples/mega-dropdowns/

Einmal ohne JS (kein IE6 Support but who cares?):
http://www.visibilityinherit.com/code/mega-drop-down-demo.php