201117Jul

Skeleton: CSS/JS-Toolkit für Mobile-Optimierung

Für die Darstellung von Websites auf mobilen Geräten muss es nicht immer gleich eine komplett autonome Version der Seite sein. Je nach Einsatzgebiet und Art der Website reichen CSS-Anpassungen und JavaScript-Optimierungen, welche die Seite auch auf kleineren Bildschirmen ordentlich aussehen lassen. Hierzu eignen sich beispielsweise Media Queries bestens, um entsprechende Anpassungen auf die Seite anzuwenden. Wenn das Projekt dann noch mit einem Grid-System aufgebaut ist, sind beste Voraussetzungen für eine mobile Darstellung der Seite gegeben.
Wer diesen Prozess etwas beschleunigen will, kann einen Blick auf Skeleton werfen. Dabei handelt es sich um eine kompakte Sammlung an CSS- und JavaScript-Modulen, die auf eine flexible Bildschirmgröße ausgelegt sind. Das Skeleton-Toolkit basiert auf dem 960-Raster und bietet vorgefertigte Stile für Typografie, Tabs, Schaltflächen und Formulare.

Skeleton - Beautiful Boilerplate for Responsive, Mobile-Friendly Development

Auf der Projekt-Seite von Skeleton kommt das Toolkit bereits zum Einsatz und so kann die Funktionsweise getestet werden, indem das Browserfenster verkleinert oder die Seite gleich mit einem mobilen Endgerät aufgerufen wird.
Skeleton funktioniert in allen gängigen Browsern und steht bei GitHub zum Download bereit. Zudem findet sich auf der Website auch eine PSD-Version des verwendeten Rasters.

Kommentarfunktion für diesen Artikel geschlossen.