Responsive Css Testen

[fakerer]

Hallo,

habe mir jetzt auch mal ein wenig mit Responsive Css beschäftigt,
Ich denke mal eine gute Herangehensweise ist mobility first, so wie es bei twitter bootstrap gemacht wird.
Falls es da was besseres gibt würde ich mich über Info freuen.

Was ich mich allerdings frage ist ob es möglich ist die seite nach änderungen automaisch in mehreren "Browserfenstern" mit verschiedenen grössen zu aktualisieren und zu testen.

Freue mich über jede Info
Danke

 

[Jormungand]

Das Firefox Add-on Webdeveloper hat die Möglichkeit über Größe ändern > Angepasste Layouts anzeigen die Seite in verschiedenen Größen darzustellen.

Im Dreamweaver kann man in der Entwurfs- bzw. Live-Ansicht unterhalb des Ansichtfensters zwischen verschiedenen Viewportgrößen wählen.

Grüße
Jormungand

 

[Squeendot]

Hallo fakerer,

du kannst auch einfach dein Browserfenster zusammenziehen, dann siehst du auch schön die verschiedenen Stufen, ab wann die verschiedenen Media-Queries anspringen...

Und in verschiedenen Browsern testen ist auch immer sehr sinnvoll (Die wichtigsten reichen: Chrome, Firefox, IE, Safari, evtl. Opera)


LG

Julian

 

[fakerer]

schon mal danke für die Antworten,
das mit Browserfenster grösser kleinermachen hab ich schon gemacht, hab dann auch immer die Hintergrundfarbe geändert um schön zu sehen wann was anspricht/sprechen sollte

Habe nun was nettes gefunden wenn die Seite schon mal online ist

Hätte mir so was vorgestellt allerdings für local, wobei das ja sogar schon einen Schritt mehr macht und mehrere Geräte vorkonfiguriert hat, würde ich nicht brauchen

PS: sehe gerade für online gibts da mehrere

 

[manfred_hst]

hallo fakerer,
probiere doch mal dies: http://www.drweb.de/magazin/viewpor...ulation-unterschiedlicher-aufloesungen-37042/
gruß
Manfred

 

[cythux]

Browser Fenster skalieren ist zeigt dir nicht die Korrekte Darstellung, Unter FF und Chrome Entwicklertools kannst du diese korrekt anzeigen lassen für verschiedene Endgeräte

Und hier findest du noch einige Test möglichkeiten