Testen

3 Beiträge

  • Am I Responsive?

    ·
    Am I Responsive?fireship.dev

    Nachdem ich heute morgen den neusten Responsive Webdesign Newsletter von @justinavery gelesen habe, hatte ich ein kleines Aha-Erlebnis, da ich sein Site-Project Tool „Am I Responsive?“ bisher noch nicht entdeckt hatte. Dabei ist das Screenshot-Tool wirklich genial und macht jede Menge Spaß, denn mit nur einem Klick kannst du dir deine responsive Website in einer schönen Präsentation auf verschiedenen Geräten anzeigen lassen.

    Elmastudio.de auf Am I Responsive?.
    Elmastudio.de auf Am I Responsive?.

    Gezeigt wird die Webseiten-Ansicht für Desktop (1600x992px), Laptop (1280x802px), Tablet (768x1024px) und Smartphone (320x480px) und per Drag’n’Drop kann sogar die Anordnung der Geräte im Bild geändert werden.

    Das Tool ist auf jeden Fall eine tolle Sache, um kurz einen Überblick über die eigene Webseiten-Präsentation auf verschiedenen Geräten zu bekommen und schöne Screenshots der eigenen responsive Webseite vorzubereiten.

  • Link-Tipp: RWD Bookmarklet zum Testen von responsive Webdesigns

    ·

    RWD Bookmarklet zum Testen von responsive Webdesigns Mit dem RWD Bookmarklet kannst du die Media Queries-Einstellungen eines responsive Webdesigns direkt im Browser testen. Mit Hilfe einer praktischen Top-Leiste kannst du jede Webseite schnell in verschiedenen Bildschirmformaten (Smartphone, Tablet, Quer- und Hochformate) anzeigen. Natürlich ersetzt das Tool nicht das Live-Testen auf mobilen Geräten selbst, aber z.B.…

    Read more: Link-Tipp: RWD Bookmarklet zum Testen von responsive Webdesigns
  • Screenfly

    Screenflyquirktools.com

    Screenfly ist ein weiteres, schönes Online-Tool, um das responsive Design einer Webseite schnell in verschiedenen Screenauflösungen zu testen. Wenn du deine Programmierung auf einer Test-Domain online gestellt hast, kannst du so schnell Fehler in den Styles deiner CSS3 Media Queries finden.

Expand sidebarBCollapse sidebarBSearchKSearchK
DesignDFokusmodusFokusmodus beenden