Kategorie: CSS
-
Responsive Webdesign mit CSS3 Media Queries: So funktioniert’s
CSS3 Media Queries machen es möglich, dass sich ein Webdesign automatisch an unterschiedliche Bildschirmformate anpasst. Für ein solches Webdesign hat sich der Begriff „Responsive Webdesign“ (also ansprechendes, auf etwas reagierendes Design) durchgesetzt. Man legt dazu einfach die maximalen bzw. minimalen Maße eines Bildschirmformates (z.B. des iPads) fest, und kann dann…
-
Was können CSS3 Media Queries wirklich leisten?
Es kommen immer mehr mobile Geräte und Tablet-PCs mit den unterschiedlichsten Screengrößen auf den Markt. Und mit dieser Entwicklung wird natürlich auch das mobile Surfen im Internet immer beliebter. Daher beginnen Webdesigner und Webentwickler immer intensiver nach Lösungen zu suchen, um auf diese Entwicklung zu reagieren und Webseiten insgesamt flexibler…
-
Hilfreiche CSS-Tipps zur Gestaltung von Text (Teil 2)
Nachdem im ersten Teil dieser kleinen Artikel-Serie bereits etliche praktische Tipps und Tricks für die Darstellung von Schrift besprochen wurden, habe ich heute noch ein paar weitere Möglichkeiten (z.B. CSS3 text-shadows und transitions) zusammen gestellt, mit denen du die Darstellung von Typografie mit Hilfe von CSS optimieren kannst.
-
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…