Ein Outfit für überall

Flexible Webdesigns mit dem Foundation CSS Framework

Wissen | Know-how

Websites müssen heute auf dem PC genauso gut und übersichtlich aussehen wie auf dem Tablet oder dem Smartphone und sich überall flüssig bedienen lassen. Das Foundation CSS Framework spart bei der Entwicklung und im Betrieb solcher Sites viel Arbeit.

Viele Web-Server beliefern immer noch alle Endgeräte mit den gleichen Web-Inhalten. Das ist dann in der Regel die Desktop-Version, die für Mobilgeräte oft zu groß ist, und den Benutzer zum Zoomen und Scrollen zwingt. Alternativ konzipiert, programmiert und pflegt man mehrere Versionen der Site. Eine Weiche sorgt dann dafür, dass mobile Geräte eine extra zugeschnittene, in der Regel abgespeckte Version erhalten. So leitet der Heise-Server Besucher mit mobilen Geräten beispielsweise auf m.heise.de um. Der Entwurf und Unterhalt mehrerer Versionen einer Site ist aber aufwendig und teuer.

Video: Beispiele für Responsive Webdesign

Sogenanntes Responsive Webdesign dagegen liefert an alle Geräte dieselben Inhalte aus. Je nach Gerät zeigt der Browser aber die Elemente einer Seite unterschiedlich angeordnet, verkleinert oder vergrößert an. Mitunter blenden sich Elemente auch komplett aus, große Banner auf kleinen Displays etwa. ...

Sie möchten wissen, wie es weitergeht?

Ein Outfit für überall

1,49 €*

c't 01/2013, Seite 166 (ca. 3 redaktionelle Seiten)
Direkt nach dem Kauf steht Ihnen der Artikel als PDF zum Download zur Verfügung.

Artikel-Vorschau
  1. Flexibler Universalist
  2. Planen und umsetzen
  3. Menüs
  4. Pop-ups und Tabs
  5. Da kommt noch mehr

Lesen Sie hier die Verbraucherinformationen

* Alle Preise verstehen sich inklusive der gesetzlichen MwSt.

Als c't-Plus-Abonnent gratis lesen

weiterführende Links

Infos zum Artikel

Kapitel
  1. Flexibler Universalist
  2. Planen und umsetzen
  3. Menüs
  4. Pop-ups und Tabs
  5. Da kommt noch mehr
0Kommentare
Kommentieren
Kommentar verfassen
Anzeige
Videos

Anzeige

weiterführende Links
  1. Zu diesem Artikel hat die Redaktion noch folgendes zusammengestellt:

    Links (5)

Anzeige