Schlagwort: CSS3
-
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…
-
Wie kann man als Webdesigner immer up-to-date bleiben?
Als Webdesigner kommen ständig neue Herausforderungen auf einen zu. Derzeit sind HTML5 und CSS3 große Themen, und die Verwendung von immer mehr mobilen Geräten wie iPads oder iPhones, erfordern eine flexiblere Webseiten-Gestaltung. Natürlich machen diese neuen Techniken sehr viel Spaß, und es ist spannend die Entwicklung im Web zu beobachten,…
-
Webdesign Inspiration: Flexible Design-Layouts mit CSS3 Media Queries
Da Webseiten immer öfter auch auf iPads, iPhones und anderen Smartphones angeschaut werden, stellen die unterschiedlichen Screengrößen der mobilen Geräte Webdesigner vor eine neue Herausforderung. Ein spannender und vielseitiger Lösungsansatz für diese Herausforderung ist die Verwendung von CSS3 Media Queries. Auch wenn diese Technik noch recht neu ist, haben sich…
-
Symbolik und Einsatzmöglichkeit von Kreisen im Webdesign
Nachdem wir im vorigen Artikel jede Menge innovative Webseiten mit Kreis-Elementen gesehen haben, möchte ich heute den Kreis als Form noch einmal genauer unter die Lupe nehmen und seine Bedeutung und Symbolik analysieren. Außerdem gibt es etliche Inspirationen, wie du Kreise auch in deinen Webdesigns verwenden kannst.
-
Webdesign-Trends: 25 wunderschöne Webseiten mit Kreiselementen
Kreise bieten einen angenehm erfrischenden Kontrast zu den sonst üblichen eckigen Formen im Webdesign. Und seit den Möglichkeiten von CSS3 Border-Radius sind Kreise auch nicht mehr nur in Webseiten-Logos zu finden, sondern auch in Form von Buttons, grafischen Elementen im Header- und Footerbereich und sogar in der Navigation. Ich habe…