Când creați paginile HTML și urmați modelele de design responsiv care limitează etichetele la structurale cât mai mult posibil, ați pus deja bazele pentru a accepta dispozitivele mobile.
Când tot conținutul paginii dvs. este împărțit în zone logice, iar acele zone au atribute de cod și/sau de clasă, vom putea să arătăm, să ascundem sau să repoziționăm acele elemente folosind CSS. Când determinăm dimensiunile ecranului pe care utilizatorul le are pe dispozitivul său, putem decide ce sau cum să afișăm conținutul de pe pagina noastră obișnuită. Cheia pentru aceasta, desigur, sunt ID-ul și etichetele de clasă. Orice lucru pe care doriți sau trebuie să îl controlați (mutați, modificați, editați etc.) ca o singură piesă, ar trebui să aibă o etichetă de identificare. Elementele care vor avea aceleași modificări (de exemplu, imagini, linkuri, paragrafe etc.) ar trebui să aibă aceeași clasă sau clase, astfel încât să poată fi modificate în același timp.
Un singur element, de exemplu un paragraf dintr-un grup de paragrafe, poate avea atât un ID, cât și o clasă și poate primi modificări de stil de la CSS datorită ambelor. Vom aprofunda acest lucru în CSS, dar rețineți acest lucru pe măsură ce creați pagini acum, astfel încât acestea să fie gata pentru dvs. mai târziu.
Dacă citiți acest capitol în căutarea exemplelor despre compatibilitatea HTML5 cu lucruri precum Geolocalizarea, acestea vor fi găsite în secțiunea JavaScript, deoarece necesită utilizarea unui limbaj de scriptare pentru a funcționa și nu sunt disponibile prin marcarea HTML.
Considerațiile importante pentru dezvoltarea mobilă depășesc modificările de stil și încep să includă și măsuri de performanță, deoarece dispozitivele mobile au adesea o de putere de calcul mai mică decât capacitatea unui desktop sau laptop. Omiterea unora dintre animațiile mai sofisticate sau imaginile de fundal mari pentru a reduce timpii de încărcare este o altă ajustare în stil responsiv pentru site-ul dvs., alături de alte modificări CSS.
Sursa: Michael Mendez, The Missing Link – An Introduction to Web Development and Programming (CC BY-NC-SA 3.0 License), Published by Open SUNY Textbooks, Milne Library (IITG PI), State University of New York at Geneseo. Traducere de Nicolae Sfetcu
Ghid WordPress pentru dezvoltatori
Resursa esențială care te va ghida pas cu pas în lumea complexă a platformei WordPress.
Ghid WordPress pentru începători
Descoperă arta gestionării site-urilor web cu WordPress!
Proiectarea, dezvoltarea şi întreţinerea siturilor web
Ghidul complet pentru proiectarea, dezvoltarea și întreținerea siturilor web, o resursă indispensabilă
Lasă un răspuns