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.
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 mit welchem Endgerät die Seite aufgerufen wird, erscheint ein anderes Layout.
WeiterlesenDie 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.
WeiterlesenResponsive 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.
WeiterlesenWer 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 am Meer. Arial und Times sind jedem aus der Textverarbeitung vertraut. Aber wer hat jemals etwas von „Univers Light Condensed“ oder „Metroscript Swash“ gehört? Die […]
WeiterlesenOpen-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 nicht weiter kümmern. Oder doch? Was bedeutet es eigentlich, wenn ein Programm, ein Bild oder eine Grafik lizensiert ist? Zunächst einmal heißt das, dass es […]
Weiterlesen