Das Responsinator: Vorschau auf Ihre Responsive Web Design auf verschiedene Geräten Resolutions

Responsive Web-Design ist der letzte Schrei in diesen Tagen, vor allem, da HTML 5 und CSS 3 haben an Popularität gewonnen. Mit ansprechendem Design, entwerfen Sie im Grunde Ihre Website für alle Plattformen und Auflösungen, und die Website automatisch skaliert, ohne das Design zu brechen nach der Browserbreite des Anzeigegerätes. Während also eine ansprechende Website zu erstellen, muss man ausführlich auf einer Reihe von beliebten Bildschirmauflösungen der Fluidität des Designs testen. Der Responsinator ist ein einfacher Web-Service, den Ihnen eine Vorschau Ihrer ansprechenden Website auf vielen populären Bildschirmauflösungen von weit verbreiteten Geräten gibt.

Das Konzept hinter dem Responsinator ist einfach: eine Sache tun und tun es auch. Nach dem Besuch der Website, werden Sie mit einer Straight-Forward präsentiert, no-frills-Schnittstelle mit Rahmen für mehrere Geräte angezeigt vertikal, mit dem iPhone starten, bewegt auf, um ein paar Android Auflösungen, zu iPad und schließlich bei Kindle zum Erliegen zu viele gängige Geräte abdecken da draußen in den beiden Hoch- und Querformat.

Standardmäßig sind diese Rahmen leer. Sie haben die URL der Website, die Sie in der oberen linken Textfeld in der Vorschau anzeigen möchten, eingeben, und drücken Sie GO. Das Responsinator wird dann in seine Magie zu tun und zeigen Ihnen, wie Sie Ihre Website auf all diesen Plattformen aussehen wird und die Ergebnisse sind sehr beeindruckend.

In unseren Tests haben wir die ausgezeichnete Web-Design-Ressourcen-Site, die eine Smashingmagazin Killer ansprechendes Design. Wie erwartet, zeigten alle die Rahmen die Website überzeugend, ähnlich wie es unsere realen Testgeräte angezeigt wurde. (Klicken Sie auf das Bild oben dargestellt, um die Vollversion zu sehen).

Es gibt auch eine handliche Responsinator Bookmarklet (auf ihrer Seite über angeboten) für die meisten modernen Web-Browser, die Sie ziehen können, und auf Ihre Lesezeichen-Symbolleiste ab. Sobald Sie es dort hinzugefügt haben, gehen Sie einfach Websites wie normale über Surfen und schlug das Bookmarklet, wann immer Sie eine Website-Design für Ansprechbarkeit testen wollen, um es automatisch in der Responsinator zu öffnen.

Abschließend, während es Ihnen die genaue Passform für alle Geräte, die nicht zeigen kann da draußen, die Responsinator ist auf jeden Fall ein handliches Werkzeug für Web-Entwickler in eine schnelle Spitze bekommen, wie ihre Websites auf mobilen Geräten angezeigt werden, während auf ansprechende Design-Prinzipien zu bauen.

Besuchen Sie das Responsinator