Share
Schema noastra de schelet contine o serie de provocari receptive, nu in ultimul rand fiind navigarea principala. În aceste ședințe de screening vom pregăti lucrurile prin ștergerea grilei de bază, vorbind despre înlocuirea imaginilor, stilul meniului și, în sfârșit, folosind unele jQuery pentru a face lucrurile receptive.
Înainte de a ne arunca cu capul în navigația primară în sine, trebuie să îngrijim câteva aspecte ale aspectului nostru. În primul rând, va trebui să ne asigurăm că toate măsurătorile care funcționează până acum sunt în armonie cu grila de bază. În al doilea rând, vom vorbi despre o abordare alternativă a înlocuirii imaginilor care evidențiază câteva puncte importante despre performanță.
Alternativ, descărcați videoclipul sau abonați-vă la programele de distribuție Webdesigntuts + prin iTunes sau YouTube!Baza de navigare primară este un meniu cu aspect subțire, cu un submeniu dropdown și câteva tranziții subtile. În acest videoclip vom aborda mecanica de bază a unui meniu drop-down css plus câteva puncte (referitoare la ceea ce am vorbit despre înlocuirea imaginilor) despre performanță și accesibilitate.
Alternativ, descărcați videoclipul sau abonați-vă la programele de distribuție Webdesigntuts + prin iTunes sau YouTube!După ce a început să funcționeze navigația, este timpul să analizăm modul în care utilizatorii noștri de telefonie mobilă o vor experimenta. Vom utiliza interogările media jQuery și CSS pentru a schimba meniul standard cu un alternativă pentru dimensiuni mici ale ecranului.
Dupa cum a mentionat Michael, submeniul ca in momentul de fata va arata groaznic atunci cand scapa de la meniurile mici:
Acest lucru se datorează faptului că lățimea submeniului este setată la egală cu lățimea liniei părinte. Textul din legături este înfășurat și totul este încurcat. Putem rezolva acest lucru prin adăugarea unei reguli suplimentare la linkurile submeniului:
nav.primary ul ul li a spațiu alb: acum;
care împiedică înfășurarea textului și forțează submeniul să crească modurile de lățime. Mult mai bine!
Unele linkuri utile pentru a continua să se bazeze pe ceea ce a fost acoperit în aceste videoclipuri.
Accentsconagua