Projektowanie wyglądu strony – Pixel Perfect

25 cze
2009

Podczas jakiejkolwiek pracy warto poszukiwać wszystkich możliwych udogodnień. Projektując wygląd strony internetowej, wiemy jak ważne są detale, oraz dokładne przygotowanie do danego projektu. Z drugiej strony niejednokrotnie gonią nas terminy i ciężko jest pogodzić szybkość z dokładnością.

Projektowanie wyglądu strony - Pixel Perfect

Narzędziem, które z pewnością usprawni naszą pracę podczas projektowania wyglądu strony jest Pixel Perfect.

Pixel Perfect, to dodatek do wtyczki Firebug. Za jego pomocą możliwe jest nałożenie warstwy na budowaną przez nas stronę. Warstwa to nic innego jak plik projektu layoutu (.png, .jpg, .gif).

Jak z tego korzystać ?

Po zainstalowaniu rozszerzenia, uruchamiamy panel Firebuga (Narzędzia -> Firebug -> Otwórz), przechodzimy do zakładki Pixel Perfect. Na górnej belce Firebuga pojawi się przycisk Add overlay, który umożliwia dodawania plików projektów layoutu. Po dodaniu kolejnych plików, utworzy nam się lista warstw, które w każdej chwili możemy włączyć poprzez zaznaczenie pola znajdującego się obok miniaturki warstwy.

Projektowanie wyglądu strony - Pixel Perfect

Nałożoną warstwę możemy pozycjonować dwoma suwakami (poziom/pion), lub przez przeciąganie warstwy myszką. Dodatkowo możemy zwiększać lub zmniejszać jej przezroczystość.

Dodatkowe opcje to:

  • wł/wył ikony Pixel Perfect w pasku stanu przeglądarki
  • ukrywanie warstwy podczas działania funkcji Firebug – “Zbadaj“

Aby korzystać z Pixel Perfect wymagana jest przeglądarka Firefox 3.0 lub nowsza, oraz ostatnia stabilna wersja wtyczki Firebug.

Film prezentujący Pixel Perfect:


Podobało się? Podziel się z innymi!

  • Wykop
  • Digg
  • del.icio.us
  • Facebook
  • MySpace

Podobne artykuły

dodaj do rss

Napisz Komentarz

Inne artykuły tematu ‘Linux’

Manipulacja dokumentem PDF – Pdftk

9, wrz 2009

Przedstawialiśmy parokrotnie już narzędzia przeznaczone do dzielenia lub łączenia dokumentów PDF.

Dziś chcemy zaprezentować kolejne narzędzie tego typu, z którego korzystać będziemy za pomocą wiersza poleceń – Pdftk.
Pdftk to darmowe narzędzie pozwalające m. in. na szyfrowanie, odszyfrowania, łączenie lub dzielenie dokumentów PDF. Wszystkie komendy wydawane są z poziomu wiersza poleceń CMD.

Użytkowanie
Aby skorzystać z Pdftk, należy [...]

Lista zadań i prosty kalendarz – ReminderFox

28, sie 2009

Aplikacji do zarządzania czasem w sieci znaleźć można bardzo dużo, dostępne są komercyjne i darmowe rozwiązania. Wszystkie te programy różnią się od siebie stopniem skomplikowania i interfejsem użytkownika.

Ponieważ potrzebowałem prostego narzędzia, które zapamięta dla mnie co mam zrobić i przypomni mi o tym w odpowiednim czasie, przetestowałem kilka darmowych rozwiązań. Testy wyłoniły zwycięzcę, jest to [...]

Automatyczne sprawdzanie niepoprawnych zakładek Firefoksa

18, sie 2009

Jeżeli używasz Firefoksa i masz dużo zakładek to być może zainteresuje cię dodatek, który umożliwia automatyczną weryfikację ulubionych.

Sprawdzanie pustych odnośników, podwójnych zakładek, czy innych błędów ręcznie to czasochłonne i nudne zajęcie. Dodatek CheckPlaces może ten proces zautomatyzować i uprościć.
Wtyczkę instalujemy za pomocą strony z dodatkami do Firefoksa. Jest to wtyczka eksperymentalna, więc musimy zaznaczyć że [...]

Powiadomienie o nowej poczcie w przeglądarce Firefox – WebMail Notifier

14, sie 2009

Przeglądarka www to program, który u większości użytkowników uruchomiony jest non stop. Dlaczego więc nie przenieść powiadamiania o nowej poczcie właśnie do przeglądarki?

Użytkownicy Windowsa korzystający z poczty Gmail nie mają zbyt wielkiego wyboru jeżeli chodzi o narzędzia do powiadamiania o nowej poczcie. Dostępne narzędzia korzystają intensywnie z zasobów komputera (gadżet do paska Windows, program Growl).
WebMail [...]

Blokowanie porno – czyli filtrowanie treści z Internetu

30, lip 2009

Internet to bardzo zróżnicowane miejsce, można w nim znaleźć bardzo dużo użytecznych informacji, które mogą pomóc w nauce lub pracy, ale niestety ma też swoją ciemną stronę, a właściwie strony – pornografia, nawoływanie do nienawiści, przemoc, nietolerancja rasowa i religijna. To wszystko można znaleźć za pomocą wyszukiwarek internetowych w kilka sekund.

Dlatego bardzo ważne jest, aby [...]

Szybki dostęp do ustawień dodatków Firefoksa

28, lip 2009

Firefox to najbardziej modyfikowalna przeglądarka stron internetowych na rynku. Za pomocą niezliczonej ilości dodatków można ją całkowicie zmienić i usprawnić jej działanie.

Osoby, które często testują różnego rodzaju rozszerzenia powinny zainteresować się dodatkiem Options Menu, który bardzo ułatwia dostęp do ustawień zainstalowanych rozszerzeń Firefoksa.
Normalnie aby dostać się do ustawień dodatku trzeba otwierać okno zarządzania rozszerzeniami i [...]

Inna tapeta na każdym pulpicie – Wallpapoz

21, lip 2009

[Tylko Linux] Tapeta jest podstawą dobrze wyglądającego pulpitu. W systemach Windows standardowo mamy możliwość skorzystania tylko z jednego pulpitu / obszaru roboczego.

Linux oferuje nam w standardzie definiowalną ilość obszarów roboczych i tu pojawia się często pytanie – jak ustawić inną tapetę na każdym pulpicie ? Oczywiście jest na to sposób – Wallpapoz.
Wallpapoz jest [...]


top
ad