Jak łatwo zmierzyć szerokość i wysokość elementów strony internetowej

Maciej Swoboda

Bardzo często zdarza się, że chcę w prosty sposób sprawdzić wielkość różnych elementów stron internetowych. Do niedawna wykonywałem misterną operację robienia zrzutu strony i mierzenia danego elementu w programie graficznym. Nie muszę mówić, że trwało to dość długo i było niewygodne. Ale potem znalazłem świetną wtyczkę do Firefoksa, która upraszcza ten proces. Wtyczka nazywa się MeasureIt, jest banalna w użyciu i instalacji. Polecam wszystkim osobom, które szukają prostego sposobu na mierzenie wielkości elementów stron internetowych.

Zmierz dowolny element strony za pomocą MeasureIt
Zmierz dowolny element strony za pomocą MeasureIt

Sposób użycia:

  1. Kliknij ikonkę MeasureIt na pasku statusu lub pasku narzędziowym, aby aktywować MeasureIt measureit-icon
  2. Kliknij i przeciągnij, aby aktywować linijkę
  3. Kliknij i przytrzymaj zaznaczenie, aby je przesunąć
  4. Kliknij „x”, aby zamknąć zaznaczenie lub kliknij dowolny obszar poza zaznaczonym, aby zmierzyć inny element
  5. Naciśnij ESC, aby zamknąć MeasureIt
Maciej Swoboda

Prowadzę męskie kręgi, gdzie pomagam mężczyznom budować autentyczne relacje i odnaleźć wsparcie. Jako prowadzący kręgi z certyfikatem Fundacji Masculinum i instruktor survivalu łączę pracę z ludźmi z doświadczeniem blisko natury.

Podobne wpisy

  • Thesis 1.4 wersja Magazine w końcu jest!

    PrzezMaciej Swoboda

    Długo oczekiwana wersja Thesis 1.4, która umożliwia zaawansowane zarządzanie layoutem strony głównej bloga w końcu jest dostępna do pobrania! Nowości w Thesis 1.4: Widget, który umożliwia wyświetlanie wpisów z kategorii, którą sobie wymarzysz (nazywa się Killer Recent Entries), Nowe możliwości edycji wpisów, które pozwalają zapomnieć o nieużytecznych polach użytkownika, Łatwe dodawanie obrazków do wpisów i tworzenie miniaturek, Zreorganizowane strony z opcjami Thesis w panelu admina, Zupełnie…

  • Jak wyświetlić ID artykułu w szablonie w Joomli

    PrzezMaciej Swoboda

    Szukałem tego „triku” bardzo długo, więc postanowiłem się podzielić ;-) Tworząc szablon dla jednego z klientów chciałem zastosować różne style CSS dla różnych artykułów poprzez dodanie klasy z ID artykułu do znacznika body. Niby proste, ale okazało się, że trzeba trochę poszperać. Oto kod, który wyświetla samo ID: [php]<?php echo JRequest::getVar(’id’); ?>[/php] A to kod dodany do znacznika body, który dodaje klasę id-ID, czyli np. id-110. [php htmlscript=”true”]<body…

  • Reset Menu w Canvas 5

    PrzezMaciej Swoboda

    Canvas 5 wykonany przez WooThemes przyniosł dużo zmian na czele z responsywnoscią szablonu. Niestety dosyć dużo pozmieniało się w głównej nawigacji, co zaczęło mnie doprowadzać do szału, bo wszędzie są ramki, cienie, tła. Dlatego przygotowałem trochę kodu, który mniej więcej resetuje ustawienia elementów nawigacji i pozwala dodać do nich swoje style. Oto wersja 0.2 kodu (aktualizacja 12 listopada 2012): [css] #navigation { background: none repeat scroll…

  • Jak hurtowo wykluczać produkty z XML we wtyczce Ceneo WooCommerce

    PrzezMaciej Swoboda

    Ostatnio na naszej stronie na Facebooku pojawił się komentarz, że bardzo brakuje we wtyczce możliwości hurtowego wykluczania produktów z pliku XML Ceneo WooCommerce. Takie rozwiązanie nie jest wbudowane we wtyczkę, ale można to zrobić w bardzo prosty sposób, który tutaj opiszę. Jak pojedynczo wykluczyć produkty z XML Ceneo Pojedyncze wykluczanie produktów z pliku XML jest możliwe w edycji produktu. Zobacz jak do zrobić w dokumentacji Ceneo WooCommerce → Jak hurtowo wykluczyć…

  • Kanoniczne URLe sposobem na duplicate content

    PrzezMaciej Swoboda

    Duplicate content jest zmorą chyba wszystkich webmasterów. Wystarczy do adresu URL strony dodać parametr np. z Google Analytics i jedna strona zamienia się dla wyszukiwarek internetowych w dwie różne strony o tej samej (zduplikowanej) treści. Dla wyszukiwarek: https://swoboda.pl/blog/kategoria/wordpress/ oraz https://swoboda.pl/blog/kategoria/wordpress/?utm_source=google&utm_medium=google&utm_campaign=adwords to dwie zupełnie inne strony z identyczną treścią. A za identyczną treść (duplicate content) dostajemy kary od wyszukiwarek. Jednak teraz Google, Yahoo! i Microsoft ogłaszają wprowadzenie nowego meta…