Responsive stranica

Evo, pošto sam i nedavno otvorio temu o responsive web dizajnu, malo sam se igrao s tim i svoju osobnu stranicu sam pokušao napraviti da bude responsive. Meni se čini da se dobro prilagođava, nisam je još pogledao na nekom iphoneu, ili nekakvom tabletu, ali valjda bi trebalo ok izgledati.

Evo link

Možda si već isprobao u raznim emulatorima pa ti ovo što pišem ne treba, ali eto, možda i nekom drugom bude dovoljno korisno da mi klikne na “Zahvali se za post” :slight_smile:

Možeš isprobati kako ti sajt izgleda na mobitelima i sa desktop kompjutora.
I tek kada misliš da je gotovo isprobati na pravim mobitelima.

Android Browser emulator

Za instalaciju i korištenje vidi tutorijal
http://buildcontext.com/blog/2011/android-browser-emulator-windows-7-nexus-s-xoom-tablet

iPhone Simulatori

ElectricMobileSimulator:
http://www.electricplum.com/dlsim.html

Simulator koji oponaša iPad i iPhone.
Hint: kada si u iPhone modu, pritisni Ctrl+B za aktiviranje Address Bara.
Ako se program ruši, kao meni, probaj stariju verziju pod imenom iBBDemo2:

Postoji i više online iPhone Simulatora, npr.
http://www.testiphone.com/
i
http://iphonetester.com/

Ima vjerojatno još, ali ovo je dovoljno.

Opera Mobile/Mini

Opera Mobile:
http://www.opera.com/mobile/download/versions/

Izaberi “Opera Mobile (Windows 7)”.
Izgleda malo neobično kad se browser za mobitele rastegne preko velikog ekrana, ali ovo je prava stvar, a ne neki simulator.
(postoji i program koji Operu Mobile otvara u prozoru kojem sam odredim dimenzije, ali nemam pojma gdje sam ga skinuo)
BTW iako u imenu ima Windows 7, radi i na Windows XP.

Opera Mini
Skini MicroEmulator sa
http://microemu.org/
i raspakiraj zip.
Skini Opera Mini sa
http://www.opera.com/mobile/download/versions/

Pokreni microemulator.jar, idi na “File > Open MIDlet File” izaberi opera-mini-*.jad i klikni na “Start”.

Za Operu Mini postoje i online emulatori. Emulator najnovije verzije možeš naći na