Mums ir labs sākums atsaucīgā dizaina izstrādē. Izvēlne mazākajos ekrāna izmēros tiek sadalīta 2 × 4 režģī. Tas labi iederas ekrānā, bet starp to un zīmolu tas aizņem šausmīgi daudz vietas. Mēs to atveram iOS simulatorā un redzam, ka dažos gadījumos faktisko saturu vispār nevar redzēt.
Mēs aplūkojam dažus resursus, kā rīkoties ar navigācijas modeļiem, piemēram, Breda Frosta rakstu Reaģējošie navigācijas modeļi un Džeisona Vīvera Off Canvas. Mēs arī apskatām foršu demonstrāciju MDN ar nosaukumu Paperfold.
Mēs pievienojam papildu saiti navigācijai, ko mēs galu galā saucam par “Navigācija“ meklēšana ”, kas darbosies kā poga, lai pieskaroties atklātu mobilo navigāciju. Izmantojot multivides vaicājumu pārtraukumpunktus, mēs pēc nepieciešamības slēpjam un parādām šo pogu.
Navigācijas pārslēgšana, kuru pārsvarā apstrādāsim ar JavaScript. Nedaudz riskanti, jo tas mazina tos, kas atrodas mazos ekrānos ar atspējotu JavaScript - bet es tikai eju ar to. Šis skaitlis ir tik mazs (mazāks nekā darbvirsma bez JavaScript, kas noteikti ir mazāks par 1%), ka es vienkārši būšu paraut un skriešu ar to.
Viss, ko mēs patiešām darām ar JavaScript, ir klases nosaukuma pārslēgšana. Tas, ko man patīk domāt par valsts virzītu CSS attīstību. Visa kontrole par to, kas tiek parādīts, kad un kā tiek apstrādāts ar CSS. JavaScript vienkārši iestata klasi pašreizējā stāvokļa deklarēšanai.
Mēs pavadām veselu laiku, lāpot, pievienojot CSS “papīra salocīšanai”, pareizi darbojoties un pēc tam meklēšanu ievietojot atstarpē, kuru mēs izveidojam virs galvenā satura, izmantojot kādu polsterējumu.
Galu galā izmērs un novietojums tiek pielāgots, lai tas būtu vēl jaukāks, un tiek pievienota neliela aizvēršanas poga. Es galvā eju turp un atpakaļ, nodrošinot lietotāja interfeisu, lai mainītu stāvokļus šādās lietās. No vienas puses, tagad, kad lietotājs ir atklājis navigāciju, kāpēc viņam tā būtu jāaizver? Viņi to jau ir redzējuši. Ja viņi nevēlas to izmantot, viņi var vienkārši palaist to garām. No otras puses, es uzskatu, ka tas ir kaut kas kaitinošs, kad es nevaru pārslēgt šādus stāvokļus uz citām lietotnēm (kādu iemeslu dēļ), tāpēc es esmu sliecies nodrošināt mehānismu, kā to izdarīt.
