Komentarze do: Responsywny Web Design z wykorzystaniem Media Queries

Autor: Jakub Adamczyk

Jakub Adamczyk — Fri, 13 Jan 2017 16:21:00 +0000

Co prawda stare, ale ciekawe.
Aha, raczej o „notebooki” (netbooki są mniejsze) Ci chodziło i bez apostrofu ;)

Autor: Tomek

Tomek — Thu, 23 Jul 2015 08:14:00 +0000

Jeżeli komuś nie działa na urządzeniach (na PC jest dobrze) to niech doda:

Autor: Malta i Gozo

Malta i Gozo — Sun, 30 Nov 2014 10:03:00 +0000

Hej Mateusz, świetny tekst. Szukam właśnie tego info:-) Na początku tylko zasygnalizuję, że jestem laikiem i sama kombinuję przy edycji szablonu, co zwykle mi wychodzi, ale ostatnio mam dziwny problem. Moje logo wszędzie wygląda dobrze, tylko nie smartfonach (test na Iphonie), zwłaszcza w Operze, safari i Chrome. Wkleiłam Twój kod – ten:

@media (max-width: 599px) {
.container {width: 88%;}
#logo {margin: 0 auto; margin-top: 10px; margin-bottom: 10px;})
I ciągle logo nie jest na środku ekranu, lecz zupełnie poza polem prezentowanym oczom Czytelnika. Po prostu na smartfonach wygląda to tak, jakby strona prezentowała się responsywnie, ale nie ma na niej logotypu. To miejsce jest puste. Dopiero gdy pociągniesz palcem w lewo , rozciąga się w nieskończoność prawa strona a tam ogromne logo… Tragicznie to wygląda. Czy Ty się orientujesz jaki może być powód? Wygląda to bardzo brzydko.
A mój adres strony to maltaigozo.pl – tę linijkę możesz usunąć, bo nie chcę Ci tu śmiecić adresami, a jedynie uzyskać podpowiedż, bo mam wrażenie, że może to być dla Ciebie bułka z masłem. Pozdrawiam!

Autor: ytari

ytari — Fri, 10 Oct 2014 11:09:00 +0000

bardzo dziekuje Ci za ten krotki aczkolwiek pomocny tutorial:) !

Autor: Michał Kortas

Michał Kortas — Thu, 02 Jan 2014 08:25:00 +0000

W odpowiedzi do Łukasz. Dziękuję za wyłapanie błędu. Pozdrawiam!

Autor: Łukasz

Łukasz — Thu, 02 Jan 2014 08:15:00 +0000

Ostatni akapit, przedostatnie zdanie – nóż to masz w kuchni :) Ty chciałeś napisać 'A nuż’ :)

Artykuł ogólnie wygląda całkiem ok :)

Autor: Michał Kortas

Michał Kortas — Sun, 17 Mar 2013 11:20:00 +0000

W odpowiedzi do Arek. Owszem. A najlepiej na koniec zbić je w listę rozwijaną po kliknięciu jednego przycisku.

Autor: Arek

Arek — Sun, 17 Mar 2013 10:54:00 +0000

Posiadając szerokie poziome menu lepiej jest przy coraz to węższym ekranie rozbijać je na kolejne węższe poziome partie czy przekształcić w pionowe menu?

Autor: Webler

Webler — Sun, 17 Feb 2013 20:26:00 +0000

Ciekawy tutorial dla startujących z tematem RWD. Ja założyłem sobie, że wszystkie strony, które będę wypuszczał, będą oparte o HTML5, CSS3 i media queries. Wprawkę zobaczycie na web.radom.pl, gdzie testuję różne opcje i rozważam, czy na przykład zostawić transformacje przy resize i zmianie orientacji, czy je olać i dać nieco luzu procesorom urządzeń mobilnych, na których internauci będą oglądali strony.

Autor: Michał Kortas

Michał Kortas — Tue, 15 Jan 2013 17:30:00 +0000

W odpowiedzi do Tom. Zamieściłem jeden przykład z %, a resztę w px tylko dlatego, że artykuł miał na celu pokazanie tego, co można zrobić za pomocą MQ. Wszystko na końcu i tak zależne będzie od naszych potrzeb i od tego, co zamierzamy otrzymać. Pozdrawiam!

Autor: Tom

Tom — Tue, 15 Jan 2013 17:24:00 +0000

NIe bardzo rozumiem dlaczego wiekszosc width jest w px a nie w % – wtedy ladnie by sie kurczylo i dopasowywalo do roznych wielkosci ekranu

Autor: Michał Kortas

Michał Kortas — Wed, 02 Jan 2013 07:45:00 +0000

W odpowiedzi do Kamil. Masz rację, RWD to ciekawy "temat rzeka". Oczywiście na tym wpisie nie poprzestanę. Jest to właściwie krótki wstęp prezentujący podstawowe funkcje Media Queries. Myślę, że to dobra droga dla cyklu kilku wpisów. Pozdrawiam serdecznie.

Autor: Michał Kortas

Michał Kortas — Wed, 02 Jan 2013 07:43:00 +0000

W odpowiedzi do Lechus. Tutorial miał na celu zaprezentowanie działania Media Queries. Style jakich użyjemy dla każdej wersji z osobna zależą tylko od nas. Ukrywałem sidebary dla uwidocznienia zmian, jakie dokonują się przy różnych rozdzielczościach. Tak czy inaczej, oczywiście masz rację. W praktyce powinny być one przeniesione np. pod content. Co bo Twitter Bootstrap - jestem w trakcie pisania kilku wpisów na ten temat. Dziękuję za komentarz. Pozdrawiam!

Autor: Lechus

Lechus — Wed, 02 Jan 2013 07:32:00 +0000

Ukrywasz Sidebary, a teoretycznie jest tam tresc, ktora tez powinna byc dostepna dla mniejszych ekranow, tylko inaczej prezentowana. Np. sidebarA miedzy menu a content, a sidebarB pod contentem, zwłaszcza przy tak wielkich sidebarach wzgledem contentu.

W dobie ekranow 2500×1600 maksymalna rozdzielczosc 1024 to troszke za malo.

Brakuje mi tu jeszcze obsługi MENU dla mniejszych ekranów. Tu dobrym przykładem IMHO jest Twitter Bootstraper 2.x

Autor: Kamil

Kamil — Mon, 31 Dec 2012 18:01:00 +0000

Jakiemu tam „Panu”, wypraszam sobie! :D aczkolwiek dziękuję za odesłanie do mojego blogu, starałem się od technicznego punktu widzenia w miarę dobrze omówić (choć zdaję sobie sprawę, że temat jest już niekompletny, gdyż dokumentacja jest wciąż rozwijana i dostrajana).

Temat RWD jest bardzo ciekawy i również zawodowo się tym sporo zajmuję ostatnimi czasy. Jest wiele tematów wartych poruszenia, m. in. jak traktować menu, obrazki, tabele, co ukrywać/co pokazywać czy w jaki sposób ukrywać. Do tego trzeba zapewnić równe wsparcie zarówno na ekrany dotykowe, jak i pod myszkę – dochodzi trochę nowych zagadnień, więc liczę na więcej treści w tym temacie (sam też chętnie się wypowiem / być może opiszę u siebie, jak znajdę czas).