Bookmarklet pentru testarea designurilor adaptive


Astăzi a devenit foarte important ca siturile să se încarce bine cam pe tot ce se poate: nu doar pe calculatoare, cu rezoluţiile lor diferite, ci şi pe smartphone-uri şi tablete, care au dus paleta rezoluţiilor mult în jos (între timp tabletele o iau în sus). Aşa se face că ne interesează dacă situl se vede bine şi la 1366×768, dar şi la 320×480… Dacă tocmai lucraţi la un design responsive probabil că tot redimensionaţi navigatorul într-o veselie, pentru a vedea cum arată la rezoluţia aceasta… şi la aceasta… şi la aceasta… Mai simplu este cu bookmarklet-ul Viewport Resizer.

imagine

Îl puteţi folosi aşa, de test, chiar din respectiva pagină web, dar cel mai bine este să trageţi cu mouse-ul butonul albastru în bara de instrumente, pentru ca să puteţi să folosiţi instrumentul pe orice sit. După cum vedeţi în captura de mai sus, avem o bară neagră în partea de sus a paginii, cu diverse rezoluţii propuse. La nevoie putem să indicăm o dimensiune specifică dorită de noi. Iar pe situl bookmarklet-ului găsiţi unele variaţii ale scriptului.


Apreciază articolul:

1 stea2 stea3 stea4 stea5 stea (2 evaluări, media: 5,00 din 5)
Loading...Loading...

1 comentariu

  1. jürgen.toth spune:

    Pentru testarea designurilor responsive poate fi utilizat şi următorul bookmarklet: http://responsive.victorcoulon.fr/


Lasă un răspuns

Adresa ta de email nu va fi publicată. Câmpurile necesare sunt marcate *