Wpis z mikrobloga

Post z autorskiej serii "Użyteczne przeglądarkowe tipy". Będę wrzucać ciekawe i praktyczne porady pod tagiem #browsertips.

Jako pierwszy tip, skalowanie.

- - - - - Jaki problem rozwiązujemy - - - - -

Zarówno przeglądarki jako GUI oraz strony Internetowe tworzone są dzisiaj tak, że duże odstępy są wręcz trendem, tak samo jak większy rozmiar czcionek. To taki design dla urządzeń z dotykowymi ekranami. Jednak przy użytkowaniu myszką, wszystko jest wielkie i niepraktyczne. Ostatnim przykładem tego trendu jest nowy Wykop, tzw. Wykop 2.0.

Jeżeli dodatkowo ma się przeciętną rozdzielczość ekranu to praktycznie w oknie przeglądarki niewiele z odwiedzanej strony się mieści. Nasuwa się pytanie "dlaczego to takie wielkie".

Gdy wykorzystasz ten tip, strony będą bardziej czytelne. W tym Wykop.

- - - - - Opcja 1 - - - - -

Aby dostosować sobie środowisko przeglądania stron, najlepsze rozwiązanie daje nam tutaj Firefox. Pozwala on przeskalować automatycznie zarówno strony Internetowe, jak i sam interfejs przeglądarki.

W tym celu, wpisz adres about:config i wyszukaj opcję layout.css.devPixelsPerPx. Domyślna wartość jest ujemna, co oznacza opcję wyłączoną. Jeżeli ustawisz wartość poniżej 1.0, wtedy włączysz pomniejszanie. Powyżej 1.0, powiększanie.

Dla wartości 0.75, wszystko zmniejszy się o 25% i wszystkie skrypty na stronach będą widzieć wymiary okna większe o 25% (np. szerokość 1000px będzie widziana jako 1250px).

- - - - - Opcja 2 - - - - -

Jest to opcja dla przeglądarek dla, których dostępne jest rozszerzenie Stylus. Będzie to Firefox, Chrome, Opera, czy też Edge.

Wadą tego rozwiązania jest to, że działa tylko na strony WWW, ale nie skaluje interfejsów samych przeglądarek.

Są rozszerzenia o dokładnie tej funkcjonalności. Proponuję jednak Stylusa, bo za jego pomocą w innych tipach będziemy robić dużo więcej. Zamiast instalować od groma rozszerzeń, warto użyć jedno, a dużo mogące.

Po zainstalowaniu rozszerzenia Stylus, kliknij na ikonkę rozszerzenia i wybierz opcję "Manage". W otwartej w ten sposób zakładce, utwórz nowy skrypt. Wpisz to, co poniżej:

html { zoom: 0.8; }


Nazwij sobie skrypt i zapisz. W ten sposób, każda strona będzie automatycznie zoomowana o 20%. Swobodnie możesz dostosować sobie tę wartość. Skrypt łatwo też przenieść między przeglądarkami, dodając go do kolejnego Stylusa.

- - - - - Podsumowanie - - - - -

Żadko zdarza się strona, która jest nieczytelna po przeskalowaniu. Jest wręcz odwrotnie. Youtube, Google, GMail, Yahoo, Wykop, Onet, TVN24 (na prawdę niekończąca się lista stron), wszystkie stają się bardziej czytelne.

Pomocne? Która opcja jest tą wybraną? Lepiej korzysta się z Internetu? Skomentuj proszę.
  • 2
@FFFFUUUU: W przypadku Stylusa tylko tym, że działa automatycznie na stronach WWW. W razie czego, Ctrl+kółko robisz wtedy w odwrotną stroną, gdy jednak trafisz na stronę nieczytelną bo za bardzo pomniejszoną.

W przypadku opcji pierwszej i Firefoksa, pomniejsza się też interfejs przeglądarki. Tego Ctrl+kółko nie zrobisz.