smart | Webentwicklung
Alles rund um HTML5, PHP, WordPress & Co.

Kategorie: Responsive Design

Responsive Webdesign: Responsive HTML-Tabellen erstellen

14. Mai 2012
Stephan
Responsive Webdesign

Bei der Erstellung meines Blog-Statistik-Artikels ist mir aufgefallen, dass die erstellten Statistik-Tabellen bei kleinen Bildschirmauflösungen sich nur bis zu einem gewissen Grad skalieren lassen.

Das liegt daran, dass Tabellen, gegeben durch den jeweiligen Inhalt, eine bestimmte minimale Breite (width) haben und diese minimale Breite größer sein kann, als die verwendete Bildschirmauflösung. Das ist generell ein Problem beim Einsatz von Daten-Tabellen innerhalb eines Responsive-(Web-)Designs, weshalb ich euch in diesem Artikel eine Technik zum Erstellen von Responsive-Tables, also Tabellen die sich auch an kleine Bildschirmauflösungen anpassen, vorstellen möchte.

Weiterlesen

4 Responsive-Design Testing-Tools

17. April 2012
Stephan
Responsive Webdesign

Neben HTML5, CSS3 & Co. gibt es derzeit viele weitere Trends im Web. Dazu gehört beispielsweise auch das Thema Responsive-(Web-)Design – weg von statischen hin zu flexiblen Designs & Layouts.

Ziel ist es, dass sich das Layout an die verwendete Bildschirmauflösung und den Gegebenheiten/Eigenschaften des jeweiligen Endgeräts (Smartphone, Tablet etc.) anpasst. Da man selbst nun nicht immer über alle Endgeräte verfügt, sind Tools zum Testen von Websites, die mittels Responsive-Design umgesetzt wurden, sehr hilfreich.

Diesbezüglich werde ich euch im Folgenden 4 Responsive-Design Testing-Tools vorstellen.

Weiterlesen