Testet eure „Responsivität“

Mit Google Resizer

Websites können nicht mehr nur, nein, sie sollten oder sagen wir eher – sie müssen responsiv sein. Ob im Großformat auf dem Computermonitor oder im Kleinformat auf dem Smartphone – Form und Inhalt müssen sich an die Gerätegegebenheiten automatisch anpassen. Mit Resizer von Google steht (nicht nur) Webdesignern ein Tool zur Verfügung, auf dem die Anpassungsfähigkeit ganz einfach getestet werden kann.

⌙  Bildquelle: Screenshot 

Und mit „einfach“ meine ich in diesem Falle tatsächlich „einfach“ – geht auf die Seite, gebt oben die URL der zu prüfenden Website ein und schon seht ihr die Ergebnisse auf drei unterschiedlichen Flächen. Oben rechts habt ihr zudem die Möglichkeit, weitere Bildschirmgrößen zu simulieren.

Klickt ihr beispielsweise auf das Smartphone-Icon, könnt ihr euer Layout unter anderem im Phone-Porträt- oder Phone-Landschafts-Modus anzeigen lassen. Die Seiteninhalte bleiben innerhalb der Darstellungen dabei vollständig bedienbar.

⌙  Bildquelle: Screenshot 

⌙  Bildquelle: Screenshot 

Hier geht es zum . Ein nützliches Tool für euch?!

 

Euer Jens

 

[draupnir]

Hallo Jens, je nach Programmierung der Website kann man es auch in Apple Safari testen. Einfach das Fenster schmaler machen und schauen was passiert. Eure Website schalte dabei brav auf die andere Darstellung um. Ich nutze dies gerne, wenn ich mehrere Website am Bildschirm habe.Was ich aber schlimm finde, dass sehr, sehr viele Website nicht für den Ausdruck optimiert sein. Ich habe gerne interessante Webseiten als PDF-"Ausdruck" auf. Da das Internet ja ein sehr flüchtiges Medium ist. Wenn ich dies hier mache, dann bekomme ich erstmal 4 (!) Seiten mit Menüeinträgen bis der eigentliche Inhalt der Seite kommt. Es wäre toll, wenn Ihr das mal ändern könntet. Menü-Einträge haben im Ausdruck nichts verloren.Ein noch besserer Service, den ich auf Kundenwebsites verwende, ist es, wenn im Ausdruck auch ein QR-Code mit der URL erschienen ist, daß man sich das Abtippen langer URL per Handy/Tablet sparen konnte. Freundliche Grüsse, Jens

 

[MainAngler]

Wenn man offline arbeitet und seine Seite(n) nicht im Internet veröffentlicht hat kann man auch im Browser (z.B. Firefox, Chrome...) testen, die haben das auch integriert.

 

[Schaddi]

Die Idee ist sehr gut und hilfreich.Trotzdem verstehe ich bis heute nicht warum sich das Internet den Herstellern anpassen muss und nicht der Hersteller dem Internet.

 

[Michael Buchold]

gute und schnelle Sache, vielen Dank

 

[ScripTrix]

Ich finde die Seite auch sehr "nett" gemacht. Zum einen indiziert Google sicherlich brav die Seite zum Anderen hat man dann noch die Visualisierung der Seite. Aber meist mach ich es wie Draupnir, und ziehe meinen Browser kleiner. Für FF gibt's ein gutes Addon wo ich die Größen abspeichern kann und mit 1 klick die Größen aktiviere.

 

[MainAngler]

Wenn du das Browser-Fenster kleiner ziehst, dann hast nicht den richtigen Responsive-"Effekt"!Mal wieder jemand der keine Ahnung hat.Und Addon brauche ich im Firefox nicht um mir eine Seite richtig responsive anzeigen zu lassen da der Browser diese Funktion integriert hat (einfach mal Googlen!)!

 

[drawBe_44]

Danke für den Tip, ist ein nützliches Tool zum Schnell-mal-für-div.Display-Formate-Checken!

 

[lichtwerker]

Cool, vielen Dank für den Link.

 

[ralv1234]

Wirkt super nützlich. Cool.

 

[Dragon65]

Vielen Dank für den nützlichen Tipp

 

[helkies]

Danke für den Link. Nützliche Sache.

 

[frankeit]

Vielen Dank - ich kann dieses Tool sehr gut gebrauchen.