+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Responsive design (/thread-responsive-design)
Responsive design - hieroshima - 25-10-2012
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ę
. Jak to bywa w waszych przypadkach ? 
RE: Responsive design - Kartofelek - 25-10-2012
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
RE: Responsive design - hieroshima - 25-10-2012
(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
, ale twoja propozycja chyba jest bardziej rozbudowana . 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