Web Developer Tools in Chrome und Firefox sind eine Wohltat für schnelle Fixes. Man sucht den entsprechenden HTML / CSS Code und passt ihn an, um die Änderungen zu sehen, ohne gleich den Code „speichern“ und aktualisieren zu müssen. Auf Mobilgeräten stehen diese Tools nicht zur Verfügung. Eigentlich… Denn diese …
Weiter lesen »Tabelle vertical Scrollbar machen (Responsive Table)
HTML Tabellen sind ein gern eingesetztes Mittel auf Webseiten. Leider eigenen sich solche Tabellen nur sehr bedingt auf Responsiv Seiten. Hierzu gibt es einen Trick, wie man auch Breite Tabellen auf kleineren Geräten problemlos darstellen kann. Hierzu zeige ich euch ein Beispiel einer solchen Tabelle: Diese Tabelle beinhltet viele Produktedetails …
Weiter lesen »Video iFrame in Responsive Design
Fremde Videos müssen je nach Rechten unverändert in der eigenen Seite eingebaut werden. iFrame Lösungen sind leider nicht responsive und daher eigenen diese sich sehr schlecht. Hier ein kleiner CSS Hack, damit ein iFrame auch Responsive ist und das Seitenverhältnis beim Grösse ändern bestehen bleibt. Als Beispiel hierzu dient ein …
Weiter lesen »