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

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

Podobne wpisy

  • Firefox 3 tydzień po premierze

    Tydzień temu pisałem o biciu rekordu Guinnessa przez Mozillę w największej liczbie pobrań aplikacji w 24 godziny. Dzisiaj mija dokładnie tydzień od momentu rozpoczęcia akcji. Oficjalnych danych od komisji Guinnessa jeszcze nie mamy, ale za to mamy inne dane na temat Firefoxa. W ciągu ostatniego tygodnia Firefoxa ściągnęło już 20 818 269 osób and counting… Tutaj dostępny jest licznik, który pokazuje liczbę ściągnięć w czasie rzeczywistym wraz z liczbą pobrań…

  • Jak zarabiać na profesjonalnym blogu

    W zasadzie ten wpis miał być komentarzem do wpisu Grzegorza Marczaka, który właśnie napisał, że na swoim AntyWebie zarobił w lipcu jedynie 32 dolary na reklamie AdSense i zastanawia się czy rezygnować z tej formy reklamy na blogu. Jednak ponieważ komentarz robił się coraz dłuższy postanowiłem go przenieść na swojego bloga. Generalnie wiemy jacy ludzie czytają AntyWeb (choć chyba nie było tak profesjonalnego badania czytelników jak na Webstop) – są to menedżerowie polskich firm…

  • 8290545

    Osiem milionów, dwieście dziewięćdziesiąt tysięcy, pięćset czterdzieści pięć ściągnięć w ciągu pierwszych 24 godzin od oficjalnej premiery Firefoxa 3 zanotowała Mozilla. Autorką zdjęcia jest Clare Bayley. Jest to na razie nieoficjalna liczba pobrań. Oficjalna będzie znana w ciągu kilku dni, kiedy audytorzy z Guinness World Records sprawdzą prawidłowość całej procedury. Pomysł promocji nowego Firefoxa, właśnie w postaci bicia rekordu Guinnessa, bardzo przypadł…

  • Thesis 1.3.3 dla WordPress 2.7

    Nowa wersja 1.3.3 płatnej skórki Thesis jest już dostępna do pobrania. Jest to drobna poprawka, która ma na celu integrację z nowym panelem administracyjnym WrodPress 2.7. Oto lista zmian w Thesis 1.3.3: Poprawne wyświetlanie stron Thesis Options i Design Options w nowym interfejsie WP 2.7 Bardziej szczegółowy opis sekcji The Multimedia Box na stronie Thesis Options i porady jak najlepiej wykorzystać nową opcję thesis_hook_multimedia_box Ulepszony formularz…

  • Jak usunąć tytuły widgetów w WordPressie

    Mała rzecz, a cieszy :) Dzisiaj odkryłem świetną małą wtyczkę, która pozwala na usunięcie tytułów widgetów w WordPressie. Czasami zdarza się tak, że chcę wpisać tytuł widgetu wyłącznie jako informację dla siebie w panelu, ale żeby nie pojawiał się na stronie. Dzięki wtyczce Remove Widget Titles można to zrobić w bardzo prosty sposób, po instalacji wystarczy włączyć wtyczkę i przejść do edycji widgetów. W tytule, który chcemy ukryć wystarczy wpisać na początku wykrzyknik….

  • Jak zrobić redesign bloga

    Darren Rowse, jeden z najpopularniejszych blogerów na świecie, postanowił zrobić redesign swojego bloga z poradami dla pasjonatów robienia zdjęć Digital Photography School. Do redesignu zaprosił Matta Bretta, który postanowił podzielić się swoimi wrażeniami z projektowania nowego wyglądu i funkcjonalności bloga. W dwóch notkach Matt omawia ze szczegółami następujące rzeczy: planowanie projektu redesignu jako całości, tworzenie struktury, projektowanie skórki, wybór WordPressa tradycyjnego lub WordPressa MU,…