Web-Check für responsive Webdesign

Home/Blog/Programmierung/Web-Check für responsive Webdesign

Web-Check für responsive Webdesign

Linksammlung zum Thema „Der Web-Check für Ihre Internetseiten“

Der Web-Check für Ihre Internetseiten

Mobile Endgeräte ermöglichen es dem Internetnutzer, jederzeit und überall online zu gehen.
Damit sind Informationen immer abrufbar und sollten vom Website-Betreiber entsprechend zugänglich angeboten werden.
Umständliches Scrollen mit den Fingern auf den mobilen Endgeräten, um an Ihre Informationen zu kommen, wird schnell abgebrochen.
Daher ist die Programmierung Ihrer Website für die mobilen Endgeräte – responsive Design – so wichtig geworden und für jedes Unternehmen zu empfehlen.

Wie sieht Ihre Homepage auf den mobilen Endgeräten aus ?
Hier sind verschiedene gute Link-Adressen für Ihren Web-Check,
mal als schnelle Übersicht oder mit den unterschiedlichsten Auswahlmöglichkeiten:

  • mobilephoneemulator
    Hier geben Sie als erstes Ihre Monitorgröße in Zoll ein:
    Sie messen Ihren Bildschirm diagonal und rechnen die cm in Zoll um, geben den Wert ein und bestätigen mit „ok“. Danach können Sie auf der rechten Bildschirmseite verschiedene Mobilgeräte auswählen, auf denen Sie Ihre Website testen möchten.
    Unter „Website to emulate“ geben Sie die Adresse Ihrer Homepage ein, z.B.: „www.blic-voraus.de“ und bestätigen Ihre Eingabe.
    Unter „Screen orientation“ können Sie zwischen der vertikalen und horizontalen Ansicht auf dem Mobilgerät wechseln.
    Die Auswahl der mobilen Geräte ist beschränkt und nicht auf dem aktuellsten Stand.
  • ipadpeek
    Hier können Sie die Adresse Ihrer Homepage in das Feld des angezeigten iPads eingeben und ebenfalls zwischen horizontaler oder vertikaler Anzeige wechseln.
    Es werden nicht verschiedene Mobilgeräte zum Test angeboten, sondern nur 3 verschiedene Größen im Vergleich.
    Dieser Tester ist für einen ersten Überblick gut geeignet.
  • responsinator und deviceponsive
    Bei diesen Tools geben Sie oben auf der Seite Ihre Websiteadresse an und starten mit „GO“.
    Jetzt wird Ihre Website untereinander auf verschiedenen Mobilgeräten dargestellt, immer vertikal und horizontal. Die verschiedenen Bildschirmgrößen werden in Pixel angegeben.
    Zur Ansicht müssen Sie nach unten scrollen.
  • Am I Responsive ?
    Hier haben Sie nach Eingabe Ihrer Homepage-Adresse eine gleichzeitige Anzeige auf Desktop (1600 x 992 Pixel), Laptop (1280 x 802 Pixel), Tablet (768 x 1024 Pixel) und Handy (320 x 480 Pixel).
    Ich nehme diese Seite gerne als Screenshot für Werbemaßnahmen, ansonsten ist der Test nicht sehr aussagekräftig.
    Als erster Eindruck ist die Seite ok.
    responsive Webdesign von blic-voraus
  • Demmonstrating Responsive Design
    Ebenfalls einen schnellen Überblick finden Sie unter diesem Tool mit der Darstellungsmöglichkeit auf 5 verschiedenen Endgeräten.
    Gut geeignet für z.B. eine kurze Demo bei meinen Kunden.
  • !!! Screenfly von Quirktools !!!
    Ein gutes und umfangreiches Tool, in dem Sie zuerst Ihre Website-Adresse eingeben.
    Danach können Sie zwischen verschiedenen Desktop- Tablet- Mobile- und Television- Versionen auswählen: klicken Sie mit der Maus auf die verschiedenen Gerätetypen, danach bekommen Sie die Detailauswahl.

Kontaktinformationen

Spitzsteinweg 1, 83075 Bad Feilnbach

Mobile: 0171 514 76 86

Web: blic-voraus