Banner Frische Printlayouts in InDesign

News

Platzhaltergrafik für News

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.

Google Resizer
⌙  Bildquelle: Screenshot Google Resizer

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.

Google Resizer
⌙  Bildquelle: Screenshot Google Resizer

Google Resizer
⌙  Bildquelle: Screenshot Google Resizer

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

Was sagst du dazu?

Teile deine Meinung oder Erfahrung mit anderen Mitgliedern und sichere dir jeweils 5 Punkte!

Weiter zu den Kommentaren

Ähnliche Artikel

Drei Websites zum Ansehen

Drei Websites zum Ansehen

Herzlich willkommen zu einem weiteren, kleinen Exkurs in die Welt interessant gestalteter Websites ...1. Pharrell...

Weiterlesen

Eine Website mit Charakter

Eine Website mit Charakter

Viel Verspieltes zum ErlebenDie italienische Firma Fornasetti ist dafür bekannt, alltäglichen Gegenständen Dekoration und Design zu...

Weiterlesen

Platzhaltergrafik für News

Netzeffekte

Zwei Beispiele zur Portfolio-PräsentationEs gibt Hunderttausende Websites und darunter Tausende Seiten, auf denen Fotografen sich...

Weiterlesen

Kommentare

Portrait von helkies
  • 16.03.2016 - 13:09

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

Portrait von Dragon65
  • 11.03.2016 - 11:42

Vielen Dank für den nützlichen Tipp

Portrait von ralv1234
  • 08.03.2016 - 14:22

Wirkt super nützlich. Cool.

Portrait von lichtwerker
  • 08.03.2016 - 12:41

Cool, vielen Dank für den Link.

Portrait von drawBe_44
  • 08.03.2016 - 10:47

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

Portrait von ScripTrix
  • 08.03.2016 - 06:44

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.

Portrait von MainAngler
  • 08.03.2016 - 08:07

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!)!

Portrait von Michael Buchold
Portrait von Schaddi
  • 07.03.2016 - 17:49

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.

Portrait von MainAngler
  • 07.03.2016 - 16:48

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.

Portrait von draupnir
  • 07.03.2016 - 11:23

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


Achtung: Du kannst den Inhalt erst nach dem Login kommentieren.
© 2002 - 2016 PSD-Tutorials.de – ein Projekt mit der 4eck Media GmbH & Co. KG
x
×
×