Responsivt design - tjek!

http://screenqueri.es/ er den bedste side jeg har kunne finde, har forskellige telefoner + tablets. Og der er mulighed for at man kan trække i hjørerne, for selv at bestemme skærm størrelsen. Ligeledes kan man gemme et ss af hvordan det ser ud.

Hej

Nogen der har en god guide til at opnå et ægte responsivt design. (CSS og HTML)

Måske twitter bootstrap: http://twitter.github.com/bootstrap/scaffolding.html#responsive

Der er også dette http://mite.keynote.com/

En nem start: http://view.jquerymobile.com/1.3.0/docs/intro/rwd.php

./palle

Cool.

Der er også en lidt simplere side her: http://responsive.is/

Jeg bruger en bookmarklet til et hurtigt tjek. http://responsive.victorcoulon.fr/

Det er dog bestemt realistisk at købe en stor mængde forskellige devices - i hvert fald, hvis man vil være sikker i sin test og er et nogenlunde etableret udviklingshus. Og i så fald er Adobe Edge Inspect (tidligere Adobe Shadow) den rigtige løsning. http://html.adobe.com/edge/inspect/

Jeg kan i øvrigt varmt anbefale:

Respond.js (mediaqueries polyfill) https://github.com/scottjehl/Respond

Adaptive images (php script til at resize images på serveren) http://adaptive-images.com/

... og selvølgelig modernizr, som dog ikke udelukkende giver mening ift responsive design http://modernizr.com/

BrowserStack er servicEN, når det kommer til at teste i forskellige browsere. Der får man live interaktion med en nystartet virtuel maskine og alle platforme er tilgængelige, inkl. mobile. Microsoft tilbyder 3 måneders gratis brug gennem deres modern.IE-kampagne (http://www.modern.ie/en-US/virtualization-tools)

Med hensyn til responsive UI-frameworks er de to største Twitter Bootstrap og ZURB Foundation. Foundation kan anbefales, fordi det bruger Compass (SCSS); hvis du som webdesigner har sovet i timen og ikke bruger Compass endnu, har du mulighed for at tage et kæmpe spring fremad i produktivitet lige nu og her :)