Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
Responsive design
#2
Ogólnie to bardzo różne są podejścia. Ja zazwyczaj robię sztywne layouty Sad (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ć Smile

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
Odpowiedz


Wiadomości w tym wątku
Responsive design - przez hieroshima - 25-10-2012, 02:18
RE: Responsive design - przez Kartofelek - 25-10-2012, 15:28
RE: Responsive design - przez hieroshima - 25-10-2012, 21:20

Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości
Sponsorzy i przyjaciele
SeoHost.pl