Alle Artikel mit dem Schlagwort “CSS3

Kommentare 7

CSS-Eigenschaften für Schrift und Text

Es gibt eine ganze Reihe von CSS-Eigenschaften, um Schriften und Texte in CSS zu stylen und so die Lesbarkeit von Webtexten zu optimieren. Viele Eigenschaften nutzt man täglich, andere werden weniger häufig verwendet. Um eine praktische Übersicht zu schaffen, habe ich die wichtigsten CSS-Eigenschaften und Tipps für das Stylen von Schrift und Text zusammen gefasst. Read More

Kommentare 37

Diskussionsanregung: Sollte man HTML5 und CSS3 heute schon in Webseiten-Projekten einsetzen?

Mit diesem Artikel möchte ich eine kleine Diskussionsanregung geben und dich nach deiner Meinung fragen, inwieweit du HTML5 und CSS3 heute schon in deinen Webseiten-Projekten einsetzt.

Aus meinen eigenen Erfahrungen ist eine der Problematiken bei der Verwendung CSS3 beispielsweise, dass die CSS3-Eigenschaften in der CSS-Validierung von W3C immer noch als Fehlermeldungen ausgegeben werden.

Außerdem ist es meiner Ansicht nach oftmals schwierig für Webdesigner und Entwickler dem eigenen Kunden zu vermitteln, warum eine Webseite nicht in jedem Browser exakt gleich aussehen muss. Denn gerade aus dem Print-Bereich ist man es natürlich gewohnt, mit millimetergenaue Maßen zu arbeiten. Da ist es für Webdesigner oftmals schwierig zu vermitteln, warum das Design im Internet Explorer 7 auf einmal keine abgerundeten Ecken mehr haben sollte. Read More

Kommentare 12

CSS-Tipp: Inputfelder mit CSS box-shadow und Leuchteffekt

Bei Eingabefeldern (z.B. in Formularen oder bei der Suche) ist es sinnvoll, einen optischen Effekt zu erzeugen, sobald der Nutzer das Input-feld anklickt. Mit Hilfe von CSS box-shadows kann man diesen Effekt sehr schön erreichen und sogar einen richtigen Leuchteffekt erzeugen. Im Artikel erkläre ich noch einmal kurz, wie die CSS box-shadow Eigenschaft funktioniert. Außerdem habe ein Beispiel (mit CSS Angaben und Demo) erstellt, um den Effekt noch einmal zu verdeutlichen. Read More

Kommentare 13

Link-Tipp: Simple Media Queries Tester von Frank Bültge

Simple Media Queries Tester von Frank Bültge

Mit dem Online-Tool “Simple Media Queries Tester” kannst du deine Webseite schnell und vor allem übersichtlich in drei verschiedlichen Bildschirmbreiten testen. Die Screen-Formate kannst du selbst anpassen und so z.B. auf 320 Pixel fürs iPhone Hochformat oder 758 Pixel fürs iPad Hochformat einstellen. Ich finde das Tool wirklich praktisch, um Webseiten mit responsive Webdesigns schnell auf einen Blick testen zu können.