Mit unserem neuen CSS Tool "Border Radius Generator" kann man Runde Ecken erstellen. Man benötigt dazu keine Grafiken, jedoch wird diese Eigenschaft noch nicht von allen Browsern unterstützt. Im Firefox, Opera sowie Google Chrome funktionieren die Runden Ecken ohne Probleme. Der Internet Explorer 8 unterstützt diese Eigenschaft nicht, aller voraussicht nach aber im IE 9.

Es können mit Hilfe des Tools, und verschiedenen Schiebereglern, Runde Ecken für alle vier Ecken einheitlich bestimmt werden, oder jeder Ecke eine individuelle Abrundung zugewiesen werden. Der fertige CSS-Code muss dann nur noch in eine CSS-Class eingebaut werden.

Link: Border Radius Generator

Mit dem neuen Online Tool CSS3 Button Generator kann ein CSS Button Class erstellt werden. Es können Farben für einen Farbverlauf und Schriftfarbe, sowie die Rundung des Buttons, CSS Class Name und ein Buttontext festgelegt werden.

Nachdem man die Daten eingegeben hat, und auf erstellen gedrückt hat, erhält man den fertigen CSS und HTML-Code zum Einbau in die eigene Homepage.

Link: CSS3 Button Generator

Die CSS3 Eigenschaft Text-Shadow ermöglicht die Zuweisung eines Schattenwurfs für einen Text oder einzelne Buchstaben. Dafür werden keine Grafiken benötigt.

Mit Hilfe des CSS Text Shadow Generators kann man mit Hilfe von Schieberegler und einer Live-Vorschau direkt das fertige Endergebnis betrachten. Ebenso können Schatten- und Schriftfarbe eingestellt werden.

Der fertige CSS Code muss dann nur noch integriert werden.

Link: CSS Text Schatten erstellen

Vor einigen Tagen wurde bereits ein Tutorial über CSS Schatten auf Webmaster-Elite veröffentlicht.

Jetzt kommt ein passendes Online Tool dazu, ein Box-Shadow Generator. Damit können CSS Schatten, wozu keine Grafiken benötigt werden, erstellt werden. Dazu muss nur eine Farbe, die Richtung und Unschärfe, sowie ob es ein Innerer oder Äußerer Schatten ist eingestellt werden.

Link: CSS3 Schatten Generator

Das Tutorial "Web Fonts - Font-face" stellt kurz dar wie man als Webmaster, Homepagebastler und Designer eine Schriftart mit Hilfe von CSS3 in die Homepage einbinden kann.

Mittlerweile unterstützen alle modernen Browser das True Type Format (.ttf), was eine unkomplizierte Integration in die eigene Homepage ermöglicht. Bei der Auswahl der Schriftart muss darauf geachtet werden, dass die Lizenzbedingung eine Benutzung als Webfont gestattet.



Link: CSS Font Face Tutorial