Jul 09 2008

Nowy Fireshot

Tag: Programy, Przeglądarkiradmen @ 08:41
fireshot.png

Niedawno ukazała się nowa wersja rozszerzenia
FireShot. FireShot służy do robienia zrzutów ekranu przeglądanej strony. Rozszerzenie udostępnia sporo możliwości. Poza dodawaniem tekstu, możemy oznaczyć jakiś element strzałką, lub nawet zaznaczyć cały blok i go opisać. Jeśli tego nam mało to możemy pobawić się prostymi efektami graficznymi.

Dawniej FireShot był rozszerzeniem tylko dla
Firefoksa. Wraz z nową wersją mamy możliwość korzystać z tego programu jako rozszerzenie dla IE. Jest to o tyle przydatne, że nie musimy się bawić w robienie zrzutu, wrzucanie go do edytora i zapisywanie. Teraz, dzięki FireShot, możemy bez problemu zaznaczyć to co się krzaczy pod IE, szybko i bezboleśnie :)


Jun 30 2008

Mały ficzer FireBuga

Tag: Przeglądarki, HTML, PHP, JavaScriptbuka @ 02:25

Podejrzewam, że nie wszyscy wiedzą, że Firebug ma małą pomocną funkcjonalność “poboczną”, którą niedawno przypadkiem odkryłem. Jak wiadomo, gdyby nie Firebug to debugowanie zapytań ajaxowych byłoby w ogóle masakrą. Dzięki FB jakoś dajemy radę. Można sobie w funkcji zrobić var_dump’a, albo print_r’a i w konsoli FB wyłuskać wynik. Ale ze względu na wyświetlenie w konsoli html’a jako tekstu, var_dump praktycznie odpadał. Ale jeżeli ktoś czuje się bardziej związany emocjonalnie z var_dump’em ;) to w końcu dochodzimy do tego co znalazłem - jeżeli w odpowiedzi na zapytanie w konsoli FB mamy wysyp kodu html, można na nim kliknąć MMB/wałkiem, a Firefox otworzy nam go w nowej karcie, zinterpretowanego i pokolorowanego :)firebug_mmb.png

That’s all, folks :) Mała rzecz, a cieszy ;)

ps. Tylko że nie zawsze to działa… ;P


Apr 02 2008

CSS media=”__” i @media

Tag: Przeglądarki, HTMLbuka @ 11:49

Ot ciekawostka, choć przydatna.

Wszyscy wiedzą, że przy ładowaniu arkusza stylów można (a raczej “należy”) podać atrybut media=”all/screen/print/jeszcze_parę_innych”. Pewnie wiele osób, ale może już nie wszyscy, wiedzą że wewnątrz arkusza można też używać deklaracji “@media all/screen/print/itp”. Ciekawostką może być połączenie obu metod - np. mamy arkusz css do wydruków ukrywający nawigację, ale chcemy mieć popup’a z “podglądem” wydruku.

Robimy więc sobie dwa arkusze stylów, jeden standardowy, drugi do wydruku - ukrywający niepotrzebne elementy (nagłówek, nawigację, reklamy itp) lub czyszczący obrazki z tła. Do dokumentu dołączamy oba w sekcji , np:

Teraz bardzo prosto możemy wyświetlić coś, co można traktować jako prosty podgląd wydruku (bez podziału na strony, czy marginesów) - np. dodać do strony link do podglądu kierujący na obecną stronę plus parametr GET’em np ‘?preview=1′. Wystarczy sprawdzać ten parametr przy dodawaniu stylów i kiedy jest on ustawiony zmieniać “media” drugiego arkusza - np. w php:

No dobra, mamy podgląd, to przydałoby się jeszcze móc od razu wydrukować co widzimy. Więc w stronę wrzucamy button “Drukuj” (’onclick=”window.print();return false;”‘) z id=”PrintIt”, standardowo go ukrywamy (w pierwszym arkuszu css #PrintIt{display: none;}), a nasz arkusz css, który miał nam czyścić stronę z tego, co niepotrzebne do wydruku, tym razem powinien nam dodać tego buttona, ale tylko na podglądzie, a nie na samym wydruku. Więc wstukujemy do niego:

No i mamy jedną stronę, podstawowy podgląd wydruku, z dodatkowym buttonem do drukowania widocznym tylko na podglądzie, nie na “standardowej” stronie, czy samym wydruku :)

printcss


Mar 13 2008

Sprawdzanie pisowani w prismie - polski słownik

Tag: Przeglądarkiskowron @ 08:49

Prism polish smallPisząc w gmailu uruchomionym w Prismie maile w języku polskim zawsze brakowało mi jednego… Jak zmusić Prisma do sprawdzania moich wypocin od strony ortograficznej.

Od jednej literówki jeszcze nikomu nic się nie stało, zdarza się. Jednak gdy jest ich już więcej na pewno nie świadczy to o profesjonalizmie adresata i poszanowaniu dla odbiorcy. Jako że sam Prism nie udostępnia interfejsu ustawień.

Zacząłem więc googlować za jakimś rozwiązaniem. Niestety albo źle szukałem albo nie wiele osób próbowało rozwiązać mój problem (lub jest on na tyle banalny że nikt go nie opisuje). Tak więc szybkie i proste rozwiązanie…

Continue reading “Sprawdzanie pisowani w prismie - polski słownik”