[HTML][CSS][JS] Responsywne menu oraz grid Opcje

[KotWButach]

Witam

Mam do was dziś pytanie gdyż niepewność nie pozwala mi pracować dalej.
Chciałem was się zapytać jak powinno wyglądać prawdziwe responsywne menu. Słyszałem że kod nie powinien być duplikowany i że menu powinno być zawsze jedno w kodzie a jedynie dostosowywać się czyli też zwijać dla urządzeń mobilnych. Czy znacie jakieś dobre kursy?

Oraz czy resposnywne zawsze oznacza grid oznaczany procentowo w dzisiejszych czasach czy jednak wystarczy na sztywno w px?

Dziękuje za zainteresowanie (IMG:style_emoticons/default/smile.gif)

[RysQ]

Na wypadek gdybyś chciał zasięgnąć jeszcze jednej opinii.

Co do wartości procentowych czy px to potwierdzam - zależy od przypadku. Moim zdaniem łatwiej i szybciej jednak operuje się na procentach.

Co do menu. Znany jest sposób z ukrywaniem menu (display: none) i wyświetlaniem drugiego alternatywnego <select><option>.
Przede wszystkim dla tego, że częściej śmiga to szybciej niż rozwijające się jquery menu (zauważalne na starszych smartfonach).

Ale

1. Elementy formularza semantycznie przeznaczone są dla formularzy. Więc na główną nawigacje w żadnym wypadku bym tego nie polecał. Google będzie się zastanawiać - gdzie jest menu?

2. Jest tak jak mówisz , podwójne menu = niepotrzebnie zdublowany kod. Co innego top menu i stopka.

Więc o ile nie masz zbyt rozbudowanego menu (wiele pozycji i zagnieżdżenia) to po prostu przystosowujesz je do rozdzielczości