Skocz do zawartości

Nie masz jeszcze konta?

Zarejestruj nowe konto, aby mieć pełny dostęp do forum. To zajmie Ci 1 minutę!

Przejdź do rejestracji

Responsive help


Jakubb
 Udostępnij

Rekomendowane odpowiedzi

Witajcie. Mam problem z responsywnością. Może ktoś mnie troche nakierować co robie zle i jak to się je...?
Otóż, wpierw stworzyłem strone na wersje desktop: http://jakubweb.pl/web/forest/
style: http://jakubweb.pl/web/forest/style.css
i jest header napisany na wersje mobilna @media (max-width: 800px) and (min-width: 600px)
Ale niektóre rzeczy sie nie zmieniaja, zobaczcnie sami.
A tu jest to samo: http://jakubweb.pl/web/responisveforest/
style: http://jakubweb.pl/web/responisveforest/style.css
tylko ze strona dziala od @media (max-width: 800px) and (min-width: 600px) a reszta dla deskopt jest zakrywa /*...*/
tutaj działa całkiem inaczej, dlaczego tak sie dzieje.
Jeśli możecie dajcie jakieś wskazówki, jak to jest z tym rwd.
Wpierw piszecie na wersje desktop? czy mobile?
A jeśli edytujecie potem na wersje mobil, to zakrywacie tamten cały arkusz na deskopt?
Z góry dzieki bardzo za pomoc
Odnośnik do komentarza
Udostępnij na innych stronach

Nie wiem jak u innych, ale u mnie ten szablon leży całkowicie. Wcale nie jest responsywny. Osobiście zaczynam od desktopa, ale później wszystko przekształcam na first mobile. Uczę się jeszcze, żeby pracować właśnie tą metodą, bo po pierwsze jest bardziej optymalna dla użytkownika (mniej CSSa wczytuje się na komórki), a po drugie taki teraz panuje trend. Jeżeli dopiero zaczynasz z RWD, to radziłbym po prostu od desktopa w dół, bo o wiele prościej to zrobić. Musisz poczytać podstawy, bo jak na razie to nie wygląda dobrze na różnych rozdzielczościach.
Odnośnik do komentarza
Udostępnij na innych stronach

  • 4 tygodnie później...
Z headera to chyba z nav tylko problem z rwd jest. Byś musiał zrobić to na przycisk albo inaczej ułożyć. W internetach jest pełno poradników jak zrobić takie menu.
W większości przypadków pierw się kodzi mobile później desktop. Taki jest cel rwd. Podstawą w pisaniu takich stron jest semantyczny kod źródłowy html (szkielet).
Odnośnik do komentarza
Udostępnij na innych stronach

[quote="Ariels"]Taki jest cel rwd. Podstawą w pisaniu takich stron jest semantyczny kod źródłowy html (szkielet).[/quote] Przepraszam bardzo, ale rwd czyli responsywne tworzenie stron nie ma w podstawie tworzenia semantycznych stron, czyli takich, które są łatwiej czytane przez wszelkiego rodzaju boty np. wyszukiwarki firmy Google. Semantyka to nie responsywność. Jednak prawda, odrazu lepiej tworzyć strony semantycznie. Lepsze pozycjonowanie, korzystniejsze wyszukiwanie tematów stron w przypadkach forum itd..

Co do nawigacji to podrzucam prosty poradniczek ;) - [url]http://webroad.pl/html5-css3/678-responsywna-nawigacja[/url]
Odnośnik do komentarza
Udostępnij na innych stronach

Ten temat jest przestarzały, ponieważ ostatni post był napisany ponad dwa miesiące temu. Czy na pewno chcesz go skomentować? Jeśli tak, to możesz kontynuować pisanie posta.

Dołącz do dyskusji

Możesz dodać zawartość już teraz a zarejestrować się później. Jeśli posiadasz już konto, zaloguj się aby dodać zawartość za jego pomocą.

Gość
Dodaj odpowiedź do tematu...

×   Wklejono zawartość z formatowaniem.   Przywróć formatowanie

  Dozwolonych jest tylko 75 emoji.

×   Odnośnik został automatycznie osadzony.   Przywróć wyświetlanie jako odnośnik

×   Przywrócono poprzednią zawartość.   Wyczyść edytor

×   Nie możesz bezpośrednio wkleić grafiki. Dodaj lub załącz grafiki z adresu URL.

 Udostępnij



Wypoczywam.com Wypoczywam.com - Domki Wypoczywam.com - Pokoje Wypoczywam.com - Apartamenty Wypoczywam.com - Pensjonaty Wypoczywam.com - Hotele
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę.