Schlagwort: CSS
-
Kreative Web Typografie mit dem Lettering.js jQuery-Plugin
Wenn du gerne mit typografischen Elementen bei der Webseiten-Gestaltung arbeitest, hast du eventuell schon vom Lettering.js jQuery-Plugin gehört. Das Plugin wurde von Trent Walton und Dave Rupert entwickelt, um mit Hilfe von JavaScript mehr Kontrolle über die Darstellung einzelner Buchstaben, Worte eines Satzes oder Satz-Abschnitte im Webdesign zu gewinnen. Da…
-
Tipps & Tools zur Webseiten-Gestaltung direkt im Browser
Seit längerem bin ich ein Fan des Artikels „Make your Mockup in Markup“ von Meagan Fischer bei 24ways.org. Im Artikel schreibt Meagan über das Konzept, Webseiten direkt im Browser zu gestalten, und auf eine Gestaltungsvorlage in Photoshop oder anderen Grafik- und Layout-Programmen zu verzichten. Eigentlich ist die Argumentation logisch: Warum…
-
Hilfreiche CSS-Tipps zur Gestaltung von Text (Teil1)
Texte im Webseiten-Layout angenehm lesbar und übersichtlich zu formatieren, erfordert meist ganz schön viel Feinarbeit. Mit Hilfe von praktischen, modernen CSS-Eigenschaften kannst du dir die Arbeit oft erheblich erleichtern, und so Gestaltungselemente wie mehrspaltigen Text, eingerückte Absätze oder Textschatten umsetzen. Daher habe ich eine Übersicht nützlicher CSS Tipps und Tricks…
-
Das 1140px Grid-System: Mit CSS3 Media Queries für mobile Geräte optimiert
Das flexible 1140px Grid des australischen Designers und Entwicklers Andy Taylor ist mit CSS3 Media Queries umgesetzt, und passt sich so auf die unterschiedlichsten Browser-Größen an. Das Grid ist in 12 Spalten unterteilt, und sowohl für große Desktop-Monitore, für Tablet-PCs (z.B. iPad oder Samsung Galaxy Tab) und für kleinere Smartphone-Displays…
-
Hilfreiche CSS-Tipps: Die CSS Pseudoklassen-Selektoren :first-child, :last-child und :nth-child
Oft ist es nötig, bestimmte Elemente eines Eltern-Elements (z.B. einer unordered List ul oder eines Div-Elements) eine spezielle CSS-Eigenschaft zu geben. Zum Beispiel kann man so überflüssige Margin-Werte eines letzten Listenelements auf Null setzen, oder jedes zweite Element einer Liste zur besseren Übersicht mit einer anderen Farbe markieren. Um für…
-
Hilfreiche Tipps zur CSS-Stylesheet Optimierung
Beim Schreiben eines CSS-Stylesheets ist es sehr hilfreich eine genaue Struktur und Ordnung für den CSS-Code anzulegen. Auf diese Weise kommst du selbst besser bei der Programmierung zurecht, und auch bei späteren Änderungen können CSS-Eigenschaften immer wieder schnell gefunden werden. Jeder Webdesigner hat seine eigenen Techniken und Vorlieben beim Schreiben…