Archive for the ‘Firefox’ Category

Dodawanie tła w Dokumentach Google

Thursday, April 2nd, 2009

Jeśli często używasz Dokumentów Google zapewne zastanawiałeś się chwilami jak dodać własne tło do dokumentów, zwłaszcza jeśli te dokumenty udostępniasz innej osobie.

Zastosowania tła mogą być różne od ozdobienia dokumentu i stworzenia innego wyglądu do zastosowań informacyjnych i dla podkreślenia ważności dokumentu (znaki wodne)

Grafika tła w Dokumentach Google ma jednak to do siebie że nie przenosi się jeśli konwertujemy plik na pdf, doc, wxf. Czyli jeśli chcesz taki plik zapisać na swoim dysku to niestety będzie on pozbawiony tła.
Mimo iż jest to jakieś ograniczenie, uważam że warto się tego nauczyć i stosować.

Budowa dokumentu google to w zasadzie budowa pliku DHTML a więc do zrozumienia jego struktury wystarczy minimalna znajomość języków html i css. Właśnie w oparciu o konstrukcje językowe html i css opiera się metoda dodawania tła do dokumentu.

Jeśli nie pociąga Cię wiedza z zakresu CSS i HTML to po przeczytaniu tego artykułu właściwie nie będziesz miał potrzeby zgłębiania tajników html gdyż wszystko co jest potrzebne dla dokumentów google będzie tu pokazane.

Istota dodania tła zamyka się w kilku prostych krokach:
1. Tworzymy plik tła w formacie jpg lub png i niezbyt dużych rozmiarach.
2. Wstawiamy plik do jednego z dokumentów.
3. Pobieramy do schowka pamięci jego id otwierając kod html dokumentu
4. Wstawiamy id pliku do kodu css w dokumencie w którym chcemy zastosować ten plik jako tło.

Zacznijmy od 1 kroku
1. Przygotowałem sobie dwa pliki. Jeden ma być znakiem wodnym. Drugi ma imitować tło kartki w zeszycie. Pliki oczywiście znacząco odbiegają od doskonałości :)

1)

znakwodny.jpg

2)

kartka.jpg

2. W drugim punkcie mamy wstawić te pliki do dokumentu. Mam na myśli taki dokument, który nie będzie udostępniony, ani też nie będzie miał żadnej innej funkcji poza tym że będzie kontenerem dla naszych grafik. Aby dodać naszą grafikę do dokumentu wybieramy menu Wstaw (insert) a następnie obraz (picture)

csseditinggdocs3.JPG

Przy wstawianiu obrazu jest możliwość wyboru miejsca skąd chcemy pobrać obraz. Można wybrać ze wskazanego miejsca w internecie lub z własnego komputera. Poniżej pokazałem możliwe opcje przy wstawianiu obrazu.

csseditinggdocs4.JPG

3. Gdy już obraz jest załadowany dążymy do realizacji punktu 3. W tym celu z menu wybieramy Edycja a następnie edycja HTML.

csseditinggdocs5.JPG

Kolorem żółtym zaznaczyłem fragment kodu, na który trzeba zwrócić uwagę. Jego położenie w kodzie html zależy od tego czy jest to pierwszy ze wstawianych obrazów czy też kolejny. ID jest unikalnym kodem grafiki w kontach google. Jeśli przepisałbyś teraz kod tej grafiki i użył u siebie to działałby on tak samo jak u mnie.
Zaznacz i skopiuj do schowka kod który jest u Ciebie.

4. Utwórz teraz nowy dokument lub otwórz dokument już istniejący.

Kliknij menu Edycja a następnie Edycja CSS

csseditinggdocs1.JPG

csseditinggdocs.JPG

Wklej poniższy kod zastępując ciąg File?id=… swoim id.
Będzie to wyglądać jak na ilustracji powyżej.

body {
background-image: url(’File?id=dhjzvcrj_77gdk89nd5_b’);
background-repeat: repeat-y;
padding-left: 70px;
}
p {
line-height: 20px;
}

To już wszystko. Zobacz jak wygląda tło w zastosowaniu. Myślę że Ty stworzysz coś o wiele lepszego (mając zdobytą tu wiedzę).

csseditinggdocs6.JPG

csseditinggdocs2.JPG

Kalendarz offline

Thursday, March 5th, 2009

Po Gmailu i Google Docs do grona aplikacji dostępnych offline dołączył także kalendarz.
Ma to duże znaczenie gdyż potrzeba nieraz na szybko zaplanować zdarzenie nie mając dostępu do sieci (brak zasięgu, awaria łącza adsl) nasz wpis zostanie zsynchronizowany z kalendarzem google na serwerze przy najbliąższej okazji gdy będziemy zalogowani do usługi na danym komputerze.
Z tematem synchronizacji wiąże się jeszcze jeden “wynalazek” Google zwany google sync, który pozwala dokonać synchronizacji kontaktów i terminów z urządzeniem mobilnym (komórką, palmtopem, smartfonem, Pocket PC). Celowo wynalazek umieściłem w cudzysłowiu, gdyż tak naprawdę jest to technologia na licencji serwera Exchange Microsoftu zakupiona przez Google. Tak czy siak usługa bardzo się przydaje co już sam sprawdziłem na smartfonie htc diamond. Konfiguracja odbywa się wyłącznie po stronie urządzenia mobilnego gdzie podaje się dane serwera google i swojego konta. Nie będę tutaj tego szczegółowo opisywał gdyż jest to ogólnie dostępne (pod hasłem google sync).

Na przykład tutaj

Porządkowanie notatek w notatniku Google

Wednesday, October 15th, 2008

Ostatnio kilkakrotnie przenosiłem notatki między swoimi notatnikami w Google, kiedy jestem zalogowany na stronie notatnika mam do wyboru dwie metody przenoszenia. Pierwsza z nich to “Przeciągnij i upuść” druga to użycie funkcji przenieś. Pierwsza cechuje się większą prostotą druga większą precyzją. Przy użyciu Notatnika jako rozszerzenia Firefoxa nie można skorzystać z pierwszej metody za to posiada ona wiele zalet o których napisałem w artykule o notatniku. Wracając do znaczenia prostoty i precyzji obu metod to prostota jest w tym że przeciągamy belkę notatki do docelowego notatnika (jednak nie do konkretnej sekcji) bez żadnych dodatkowych czynności. Precyzja przy użyciu funkcji przenieś polega na tym że możemy określić w okienku nie tylko docelowy notatnik, ale także sekcję gdzie notatka ma trafić.

Poniżej pokazałem przykładowe przeniesienie notatki pierwszą metodą.

notatnikgooglemove01.PNG

notatnikgooglemove1.PNG

I drugą metodą

notatnikgooglemove02.PNG

notatnikgooglemove2.PNG

Nowość w Gmail Labs - Lista etykiet po prawej stronie

Monday, September 22nd, 2008

W Gmail Labs pojawiła się nowość w zakresie zmiany interfejsu polegająca na możliwości umieszczenia pola etykiet po prawej stronie okna Gmaila.
Aktualnie funkcja ta nie jest kompatybilna z Navbar Drag and drop (przeciągnij i upuść pasek nawigacyjny) tak jak jest to możliwe w ramach lewej strony okna (Chat i Labels można było przemieszczać względem siebie). Niby nieistotne a jednak może się przydać. Funkcję tę aktywuje się jako opcję w oknie Gmail Labs.

gmailrightlabels.jpg

PicLens - coś dla tych, którzy lubią efekty wizualne 3d w przeglądarce.

Saturday, August 30th, 2008

Rozszerzenie Firefoxa o nazwie PicLens dostarcza wspaniałych efektów wizualnych w oknie przeglądarki. Pozwala oglądać obrazy z różnych galerii internetowych w postaci obrazów na przesuwającej się ścianie.

Poniżej umieściłem kilka zrzutów ekranu.

piclens.jpg

piclens2.jpg

Według mnie jest to dość oryginalny i przyjemny sposób oglądania zdjęć choć można mieć wątpliwości czy będzie jednakowo dobrze działał na wszystkich komputerach. Starsze komputery bez dobrych kart graficznych mogą wyświetlać obraz w sposób który zniechęci do używania tego dodatku.
Dodatek można pobrać ze strony https://addons.mozilla.org/en-US/firefox/addon/5579