Responsive Design Template für Entwickler
Um möglichst einfach Screenshots bzw. Beispiele für unsere Webseiten anfertigen zu können, ist diese Onlinedemonstration für mobile Geräte entstanden.
Das HTML Basisbeispiel ist inkl. integrierten CSS und Javascript 4kb groß und funktioniert mit jedem modernen Browser
Chrome 58, Firefox 53, Internet Explorer 11 und Edge 40.
Die Größe inkl. Scaling, Position, Hintergrundfarbe, etc. kann einfach angepasst werden (bei Desktop und Notebook wurden 130px für die Toolbar abgezogen).
Zum speichern die "Druck" - Taste oder alternativ das Snipping Tool verwenden (bei einem Multimonitorsetting "Strg + Shift + Druck" bzw. "Strg + Alt + Druck").
Anschließend kann das Bild mit jedem gewöhnlichen Bildbearbeitungsprogramm gespeichert werden.
Demo oder direkt zum
Download