În această postare dedicată celor care creează și gestionează site-uri web, vedem câteva site-uri foarte bine făcute care vă permit să verificați afișarea unui site web la diverse rezoluții ale ecranului . Astăzi site-urile web sunt navigate în moduri diferite, cu PC-uri, laptopuri, telefoane mobile, tablete și cu ecrane de toate dimensiunile, de la monitoare mari, cum ar fi televizoare, până la ecrane tactile mici. Aceasta înseamnă că cei care proiectează un site trebuie să se asigure că acesta este vizibil în toate terminalele și pe ecranele oricărei rezoluții.
Un site care nu oferă conținut optimizat pentru cele mai populare dispozitive și care este bine lizibil la toate rezoluțiile ar putea pierde mulți vizitatori.
Printre cele mai populare platforme de blog, Blogger vă permite să activați versiunea mobilă a fiecărui blog în timp ce cu WordPress CMS puteți utiliza un plugin pentru a crea automat versiunea mobilă.
În orice caz, este încă important să încercați rezoluțiile pentru a vă asigura că site-ul este afișat corect pe monitoarele mari și pe ecranele mici .
Există mai multe moduri de a testa dimensiunea și de a vedea rezoluția pe telefoanele mobile.
Din Windows puteți reduce rezoluția ecranului din meniul panoului de control, în timp ce pentru fiecare telefon mobil există un emulator sau un simulator.
Într-un alt articol scrisesem un ghid pentru navigarea pe internet de pe un computer ca și cum ar fi un telefon mobil.
Pentru a face mai întâi și pentru a testa dimensiunea unui site cu rezoluții de ecran diferite și compatibilitate cu telefoanele mobile, puteți utiliza aplicația web automată Responsivetesttool . Acest serviciu online vă permite să vizualizați un anumit site web în rezoluții predefinite. Doar scrie adresa site-ului pentru a verifica și apoi alegeți rezoluția făcând clic cu mouse-ul. Pe partea stângă apar butoane semi-transparente care schimbă rezoluția în funcție de dispozitivul utilizat. Puteți alege apoi să vedeți o pagină web aleasă dintre sau 4 categorii majore:
- Desktop : pentru a vizualiza un site cu dimensiunea ecranului unui netbook de 10 "până la un monitor al unui computer desktop de 24".
- Tabletă pentru a verifica cum arată site-ul dacă este deschis de pe un iPad, un Samsung Galaxy sau alte tablete.
- Mobile reunește cele mai utilizate telefoane mobile și smartphone-uri din lume, inclusiv iPhone, Blackberry și Google Nexus S cu Android.
- Televiziune pentru a vizualiza pagini web pe ecrane mari până la rezoluție (1920 × 1200).
ScreenFly este o aplicație rapidă, care a meritat să subliniez cât de bine funcționează, fluid și fără a reîncărca niciodată site-ul testat. O caracteristică interesantă a Screenfly este, de asemenea, posibilitatea de a detecta automat versiunile mobile ale site-urilor .
Această posibilitate poate fi dezactivată plasând crucea pe opțiunea No proxy server (dezactivează comutarea dispozitivului) . De asemenea, puteți activa defilarea verticală și rotiți ecranul.
TestSize, pe de altă parte, este o aplicație dinamică care vă permite să simulați rezoluțiile de la cea a ecranului unui telefon mobil (240X320) la cea a unui televizor (1920X1200).
TestSize funcționează foarte bine și vă permite să simulați orice dimensiune apăsând tastele + și -.
De la Google este posibil să folosiți instrumentul Resizer, foarte convenabil pentru a verifica modul în care orice site web sau pagină web este vizualizat pe ecrane de diferite dimensiuni, automat și rapid.
