Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
Responsive design
#1
Witajcie, krótka piłka z mojej strony. Czy dla strony responsive powiedzmy dla 5 różnych rozdzielczości korzystacie tylko z @media query czy wspomagacie sobie prace jakimiś ciekawymi mini frameworkami? Mam akurat serwis do postawienia, który ma działać na 6 różnych przedziałów rozdzielczości i nie wiem czy robić to tylko za pomocą @media query- większa kontrola nad każdym elementem czy zaopatrzyć się w jakieś dodatki. Próbowałem css 1140 grid, ale jakoś nie przypadł mi do gustu. Musiałbym go za bardzo pod siebie przerabiać, a nie po to szukam dodatków, żeby sobie robić dodatkową pracę Wink. Jak to bywa w waszych przypadkach ? Smile
Odpowiedz
#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
#3
(25-10-2012, 15:28)Kartofelek napisał(a): (...)Ah. Zapomniałem. Koniecznie zainteresuj się tym: https://github.com/scottjehl/Respond

Na to już się zabezpieczyłem tym https://github.com/livingston/css3-mediaqueries-js Wink, ale twoja propozycja chyba jest bardziej rozbudowana Wink. Ja własnie na początku zrobiłem to tym 1140 grid, ale później jak dostałem widoki jak mają strony wyglądać na poszczególnych rozdzielczościach to więcej czasu zajęłoby mi przebudowanie 1140 grid niż napisanie na sztywno dla każdej rozdzielczości @mq. Zainteresowałem się też http://modernizr.com/ bardzo ciekawy framework
Odpowiedz


Skocz do:


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