Responsabil design web: simplu și clar
În plus, Designul web ia în considerare astfel de lucruri ca orientare dispozitiv, ascunde unele părți neesențiale ale site-ului, care oferă legături convenabile pentru a apăsa degetele pe ecranele tactile ale dispozitivelor mobile, geolocalizare și altele.
Sarcina de a adapta blocurile site-ului la dimensiunea dorită a ecranului este rezolvată de așa-numitul. Interogările media - un set special de reguli de arsenalul CSS, în care în prealabil prescrise lățimea și înălțimea ferestrei browser-ului, rezoluția ecranului și orientarea în spațiu (portret sau peisaj). Mai degrabă, stilurile prevăd mai multe astfel de seturi, luând în considerare diferitele opțiuni pentru plasarea blocurilor. De exemplu, pe un monitor mare la coloana a site-3 (2 + conținutul din bara laterală), iar coloanele vertical iPad este de numai 2, iar al treilea perepolzet, fie într-un plan orizontal, sub capac, dacă este cazul, va fi ascuns ca nu foarte important. Mai multe detalii despre Media Queries Vă recomandăm să citiți de la Igor Quentor pe blogul său Web Board.
Foarte simplu și convenabil.
Un alt lucru important este legăturile. Este foarte incomod și uneori imposibil să vă atingeți degetul pe o legătură text pe telefonul dvs. mobil cu ecran tactil. Prin urmare, designerul web ar trebui să ofere în prealabil înlocuirea legăturilor tipice cu butoanele mari. De exemplu, toată lumea cunoaște legătura de text "citește mai mult" pe blog. Asta înseamnă că telefoanele mobile fac acest exil un buton convenabil.
Link-uri conexe Design web responsiv:
PS: după cum puteți vedea, sub această temă am un titlu separat Design responsiv. Aici voi adăuga chifle periodic interesante și utile. Pentru a fi în cunoștință, abonați-vă la rss.
Trimiteți-le prietenilor: