25-10-2012, 15:28
Ogólnie to bardzo różne są podejścia. Ja zazwyczaj robię sztywne layouty
(wymagania w pracy), które jak bardzo chcę zmieniam potem za pomocą @m-q (media query).
Ostatni laj dla siebie robiłem już całkiem płynny. Ale sama płynność nie wystarcza, bo w końcu dochodzisz do mocnego ścisku. Wtedy zacząłem bawić się w @mq.
Wykorzystywałem wtedy takie rzeczy:
http://screenqueri.es/
http://quirktools.com/screenfly/
http://lab.erich-holzbauer.at/mobile/screensizes.php
Zmieniałem też czasami warunki @mq z max-size na min-size by łatwiej testować
Napisałem chyba z 6 różnych przejść by obrazek w logo ładnie zachodził na inne grafiki, a sama grafika wczytywała się mniejsza itp. Ah. Zapomniałem. Koniecznie zainteresuj się tym: https://github.com/scottjehl/Respond
Co jeszcze:
http://codevisually.com/ - Tutaj masz kilka ciekawych frameworków.
http://tympanus.net/codrops/collective/collective-34/ - przejrzyj sobie te kolekcje. Jest tu sporo dobroci
http://jquerypicture.com/ - dla obrazków
http://www.alistapart.com/articles/responsive-web-design/ - do poczytania

Ostatni laj dla siebie robiłem już całkiem płynny. Ale sama płynność nie wystarcza, bo w końcu dochodzisz do mocnego ścisku. Wtedy zacząłem bawić się w @mq.
Wykorzystywałem wtedy takie rzeczy:
http://screenqueri.es/
http://quirktools.com/screenfly/
http://lab.erich-holzbauer.at/mobile/screensizes.php
Zmieniałem też czasami warunki @mq z max-size na min-size by łatwiej testować

Napisałem chyba z 6 różnych przejść by obrazek w logo ładnie zachodził na inne grafiki, a sama grafika wczytywała się mniejsza itp. Ah. Zapomniałem. Koniecznie zainteresuj się tym: https://github.com/scottjehl/Respond
Co jeszcze:
http://codevisually.com/ - Tutaj masz kilka ciekawych frameworków.
http://tympanus.net/codrops/collective/collective-34/ - przejrzyj sobie te kolekcje. Jest tu sporo dobroci
http://jquerypicture.com/ - dla obrazków
http://www.alistapart.com/articles/responsive-web-design/ - do poczytania