Gestaltung von Typografie mit CSS3

CSS3 wird häufig in einem Atemzug mit HTML5 genannt und dies aus gutem Grund. Erst durch die Verwendung von CSS lassen sich moderne HTML-basierte Websites komfortabel und standardkonform grafisch ansprechend gestalten. Und CSS3 bietet im Vergleich zu seinen Vorgängern viele neue Möglichkeiten, das Aussehen einer Website zum Positiven zu verändern.

ausgestanzt 150x150 Gestaltung von Typografie mit CSS3

ausgestanzter HTML-Text

Unzählige Webdesigner bzw. -entwickler setzen heute HTML-Text bewusst als Gestaltungselement ein, was nicht nur schick aussieht sondern auch bei der Optimierung für Suchmaschinen den früher oft dafür verwendeten in Grafiken abgebildeten Texten deutlich überlegen ist. Suchmaschinen können den HTML-Text lesen, verstehen und so Informationen über den Inhalt dieser Website erfassen. Dies wird besonders im Bezug auf  die Entwicklung zum sogenannten Web 3.0, dem semantischen Web, immer bedeutsamer.

CSS3 bietet eine große Auswahl an Möglichkeiten, auch einfache HTML-Überschriften oder -Texte zu gestalten. Ob 3D-Effekt, Schattenwurf, Outlines, Rotation oder Unschärfe – was früher nur mit Photoshop & Co. erstellt und als Grafik ausgegeben werden konnte ist heute mit CSS3 möglich. In Bezug auf meinen letzten Artikel zum Thema Standardkonformität von Browsern muss ich natürlich hinzufügen, dass noch kein Browser alle CSS3 Funktionen unterstützt und gerade Microsofts IE hier noch weit hinterher hinkt.

Daniels Mekšs von 1stwebdesigner.com hat in seinem aktuellen Artikel 30 Useful and Cutting Edge CSS3 Text Effect and Web Typography Tutorials eine tolle Übersicht aus 30 Tutorials zusammengestellt, die sich mit dem Thema Typografie mit CSS3 beschäftigen. Darunter befinden sich wirklich schicke Effekte. Es loht sich, reinzuschauen.

Ich hab mich auch mal an einem der Tutorials versucht und einen meiner Meinung nach netten Effekt ausprobiert. Das Ergebnis gibt’s hier.

Weitere interessante Artikel zu diesem Thema

  • html5test 300x238 Gestaltung von Typografie mit CSS3

    Welche Browser unterstützen HTML5?

    Bevor man anfängt, über die Entwicklung einer Website mit HTML5 nachzudenken, macht es meiner Meinung nach Sinn, sich darüber Gedanken zu machen, wer davon profitieren ...

  • default thumbnail Gestaltung von Typografie mit CSS3

    Geniale HTML5-Webanwendungen

    Es ist schon erstaunlich, was manche Programmierer aus verschiedensten Webtechnologien herauskitzeln können. Es gibt eine ganze Reihe von tollen und nützlichen Anwendungen, die komplett im ...

  • html5logo 300x300 Gestaltung von Typografie mit CSS3

    HTML5Tutorial ist online

    Nach dem letzten größeren Blog-Projekt www.ganzrechtsunten.de stand nun dieser Blog bei mir auf dem Programm. Der Grund, warum gerade ich dazu komme, über das Thema HTML5 ...


wallpaper-1019588
"Captain Marvel" [USA 2019]
wallpaper-1019588
Der ultimative Test – Wie gut sind Fitness Tracker bis 50 Euro wirklich?
wallpaper-1019588
Iberico Presa Bellota, Apfel, Kartoffel und Roggensauer
wallpaper-1019588
Im Weltraum hört dich niemand stalken
wallpaper-1019588
[ANZEIGE] Brandnooz BIO Box Oktober 2019 ~ 100% BIO
wallpaper-1019588
Lembcke Manufaktur 1915 - Cheeese! Hott
wallpaper-1019588
PalmaActiva wählt 50 Telefonassistenten für den Reiseveranstalter TUI aus
wallpaper-1019588
Synchro-Clip zu Mob Psycho 100 II veröffentlicht