WordPress Blog
Alle Artikel zu
Kirsten
-
Rethinking The Mobile Web
Inhalt von SlideShare anzeigen Hier klicken, um den Inhalt von SlideShare anzuzeigen. Erfahre mehr in der Datenschutzerklärung von SlideShare. Inhalt von SlideShare immer anzeigen Eine Präsentation von Bryan Rieger Aus dieser […]
-
Responsive Web Design (5)
Zwischen einer schnellen DSL-Anbindung und einem Funknetzwerk liegen Welten. Das heißt, beim Smartphone zählt jedes Byte, beim Desktop-Rechner in einer DSL-Umgebung sind Ladezeiten kein Thema mehr.
-
Tipps für kleine Projekte
Die Größe eines Projekts kann man sich nicht immer aussuchen. Was tun mit Mini-Budgets? Gleich ablehnen oder annehmen?
-
Responsive Web Design (4): Fluid Images
In dieser Serie ging es bisher um den Fluid Grid, das flexible Raster, das sich unterschiedlichen Bildschirmgrößen anpasst und um die Media Queries. Heute ist der letzte Baustein der Responsive-Design-Technik dran, die Fluid Images. Dadurch passen sich auch die Bilder ihrer Umgebung an.
-
CSS Grids für Responsive Design Projekte
In diesem Artikel habe ich eine Auswahl von Grid-Systemen zusammengestellt, die mir gut gefallen haben. Es sind alles Raster, die einen Responsive-Design-Ansatz verfolgen, also mit einem Fluid Grid arbeiten und verschiedene Bildschirmgrößen bis hinunter zum Smartphone unterstützen.
-
Responsive Web Design (3): Media Queries
Media Queries sind Abfragen: Die Website fragt ab, wie groß der Monitor ist, den der Besucher vor sich hat. Ist es ein Desktop-Computer, ein Netbook oder ein Smartphone? Nachdem die Größe des Bildschirms festgestellt wurde, lädt der Browser ein dazu passendes Stylesheet. Das heißt, die der Designer der Website hat mehrere Stylesheets hinterlegt. Je nachdem…
-
Responsive Web Design (2): Der Fluid Grid
Die erste der drei Techniken, die zusammen das Responsive Web-Design ausmachen ist das Fluid Grids-Prinzip. Das Layout einer Website wird nicht mehr in einer fixen Größe angelegt, sondern die Elemente sind beweglich und passen sich wechselnden Bildschirmgrößen an.
-
Responsive Web Design (1): Einführung
Responsive Design ist eine CSS-Technik. Man legt die CSS-Datei so an, dass das Layout einer Website beweglich ist und sich an unterschiedliche Bildschirmgrößen anpassen kann. Ziel ist es, zu erreichen, dass alle Inhalte gut erkennbar und lesbar bleiben, ganz gleich, ob man mit dem Smartphone oder mit einem Desktop-Computer eine Website betrachtet.
-
Kleines Einmaleins Typografie im Web
Wer eine Website oder ein Blog ins Leben ruft, muss sich zwangsläufig auch mit dem Thema Typografie befassen. Irgendwie muss der Text ja formatiert werden. Schriftarten gibt es wie Sand […]
-
Creative Commons und GNU GPL
Open-Source-Software ist beliebt. Sie steht kostenlos im Netz und jeder kann damit machen, was er will. Manchmal steht irgendwo klein gedruckt etwas von einer Lizenz, aber darum muss man sich […]