Onderwerp: Responsive design tools
Hebben jullie nog goede tools voor het testen van adaptieve layouts? Ik ken de volgende, maar wellicht weten jullie nog een paar andere of betere
Dit forum is gearchiveerd. Er kunnen geen verdere berichten worden geplaatst.
Fronteers Forum » Front-end technieken » Responsive design tools
Pagina's 1
Hebben jullie nog goede tools voor het testen van adaptieve layouts? Ik ken de volgende, maar wellicht weten jullie nog een paar andere of betere
http://mattkersley.com/responsive/
In Opera kan je trouwens de venster-afmetingen in de titelbalk tonen: http://www.opera.com/support/kb/view/303/
There is actually a pretty decent roundup of current *everything* in repsonsive design, including tools, at http://www.smashingmagazine.com/2011/07 … rategies/.
Funny that testing in actual devices doesn't get the attention it deserves.
By lack of devices, the iOS, Android and Blackberry SDKs/emulators are indispensable.
Hier is nog een aardig lijstje met tools:
Funny that testing in actual devices doesn't get the attention it deserves.
Mss dachten ze dat mensen dat al weten... maar wie is rijk genoeg om al die dingen te kopen alleen voor testing? Ikke niet.
*o lieve EDIT knop, how I've missed you!
Een bekend euvel van browsers op (in ieder geval) OSX is dat je ze niet heel smal kunt maken. Het chrome wordt dan wel smaller, maar een deel valt gewoon buiten beeld (viewport van bijvoorbeeld 400 pixels breed en chrome van 200 met "overflow: hidden" werkt niet lekker). Op te lossen door een Fluid app te maken. Die kun je wel heel smal maken, zonder dit euvel tegen te komen.
Dit is ook een prima artikel over testen met emulatoren: http://www.456bereastreet.com/archive/2 … _hardware/
Heeft iemand nog ervaring met: http://www.browserstack.com/
De proef periode uitgeprobeerd, en het ziet er aardig uit.
Ik heb de laatste tijd naar http://www.responsive.is zitten kijken en dat is wel okay om de 'standaard' breakpoints te zien/testen.
Feitelijk testen op mobiele devices blijft altijd lastig, ook al hebben we hier de luxe dat we de meest gangbare dingen wel hebben liggen (iPad, iPhone, diverse Android apparaten, Android tablet).
Ik was ook benieuwd hoe Open Device Labs zich zouden ontwikkelen, maar ik hoor daar zelf erg weinig van.
Je zal ook nooit op alle apparaten kunnen testen, maar de statistieken kunnen wel handig zijn bij het bepalen ervan:
http://gs.statcounter.com/#mobile_resol … 201301-bar
http://gs.statcounter.com/#mobile_brows … 201301-bar
Wij hebben dan ook wel de meest gangbare apparaten, alleen de met wat verouderde apparaten zit je dan mee, en zeker met de oudere Android en iOS browsers.
Onderstaande Chrome extension is ook handig, als je tijdens het resizen de resolutie wil weten, maar ook om snel te testen:
https://chrome.google.com/webstore/deta … ilcgefonfh
En nog een:
http://quirktools.com/screenfly/
de oudere Android versies (plus browsers) blijven altijd wel apart moet ik zeggen.
Mijn HTC Desire Z heeft een resolutie van 480x800, maar als je window.innerWidth checkt geeft ie 320 aan ... Da's dus leuk afvangen met mediaqueries. En dat soort dingen zie je niet op desktop
Screenfly werkt inderdaad erg handig, mits ie goed ge-updatet blijft qua tablets/telefoons etc.
Ik zal die extensie ook 's checken, al is het maar voor pseudo resoluties checken
Pagina's 1
Fronteers Forum » Front-end technieken » Responsive design tools