Responsive help

napisano 10 maja 2017, 16:32 przez JakubWEB

Posty: 4
Strona 1 z 1
Awatar użytkownika
Mężczyzna

JakubWEB
Użytkownik
Biała Podlaska
61293761
Webdesign
10 maja 2017, 16:32
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

Awatar użytkownika
Nie wybrano

Arces
Użytkownik
10 maja 2017, 19:16
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.

Awatar użytkownika
Mężczyzna

Ariels
Użytkownik
Wrocław/Wałbrzych
Webdesign
03 cze 2017, 10:06
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).
Obrazek
Conor McGregor
Obrazek

Awatar użytkownika
Mężczyzna

Trix
Użytkownik
Radom
09 cze 2017, 1:07
Ariels pisze:Taki jest cel rwd. Podstawą w pisaniu takich stron jest semantyczny kod źródłowy html (szkielet).

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 ;) - http://webroad.pl/html5-css3/678-responsywna-nawigacja
Obrazek

Posty: 4
Strona 1 z 1

Wróć do „Pomoc”





Aby w pełni korzystać z naszego forum zaloguj się lub zarejestruj.

Tylko zarejestrowani użytkownicy posiadają dostęp do wszystkich funkcji na forum.

  • Utwórz konto

    Zarejestruj nowe konto, to zajmie Ci kilkanaście sekund

    Rejestracja

  • Zaloguj się

    Posiadasz już konto? Użyj go

    Zaloguj się