Имамо добар почетак одзивног дизајна. Мени са најмањим величинама екрана раставља се на мрежу × 2 × 4. Лепо се уклапа на екран, али између тога и брендирања заузима страшно пуно простора. Отварамо га на иОС симулатору и видимо да у неким случајевима уопште не можете да видите стварни садржај.
Погледаћемо неколико ресурса о томе како се рукује навигационим обрасцима, попут чланка Бреда Фроста Респонсиве Навигатион Паттернс и Офф Цанвас Јасона Веавера. Такође гледамо кул демонстрацију на МДН-у под називом Паперфолд.
Додамо додатни линк до навигације коју на крају називамо „Навигација„ претрага “и која ће служити као дугме за откривање мобилне навигације када се додирне. Кроз тачке прекида медијских упита сакривамо и приказујемо ово дугме по потреби.
Пребацивање навигације углавном ћемо обављати помоћу ЈаваСцрипт-а. Помало ризично јер отуђује оне на малим екранима са онемогућеним ЈаваСцриптом - али ја само идем са тим. Тај број је толико мали (мањи од радне површине без ЈаваСцрипт-а, што је сигурно мање од 1%) да ћу само бити кретен и трчати с њим.
Све што заиста радимо са ЈаваСцриптом је пребацивање назива класе. То је оно што волим да сматрам развојем ЦСС-а којим управља држава. Сва контрола онога што се приказује и када и како се рукује са ЦСС-ом. ЈаваСцрипт само поставља класу која декларише тренутно стање.
Проводимо гомилу времена бавећи се додавањем ЦСС-а у „папирнатом папиру“, постизањем исправног рада, а затим постављањем претраге у празнину коју креирамо изнад главног садржаја помоћу неких додатака.
На крају, величина и положај су подешени како би се још лепше уклопили и додато је мало дугме за затварање. У глави се враћам напред и назад пружајући кориснички интерфејс за пребацивање стања на овакве ствари. Једном руком, сада када је корисник открио навигацију, зашто би је морао затворити? Они су то већ видели. Ако не желе да га користе, могу само да га прелете. С друге стране, некако ми смета када не могу да пребацујем оваква стања на друге апликације (из неког разлога), па сам склон да обезбедим механизам за то.
