Ptaszor i jego blog! Lol…

Co tu dużo pisać ;)…

Foto: Maciek Puchała

Firefox w wersji trzeciej oferuje nam obsługę alternatywnych arkuszy stylu. Strony zawierające dodatkowe arkusze dają możliwość zmiany stylu wyświetlanej strony poprzez menu Widok - Styl strony i wybór stylu. Pozwala to na różne wersje wyświetlenia tej samej strony. Jak się je dołącza do strony?

Aby dołączyć plik css do strony musimy zastosować poniższą linijkę:

<link href="style.css" rel="stylesheet" type="text/css" media="all">

Aby dołączyć alternatywne arkusze stylu należy dodać kod:

<link href="default.css" rel="stylesheet" type="text/css" title="Default Style"> 
<link href="fancy.css" rel="alternate stylesheet" type="text/css" title="Fancy"> 
<link href="basic.css" rel="alternate stylesheet" type="text/css" title="Basic">

Po dodaniu sprawdzamy: wchodzimy do menu Widok - Styl strony i powinniśmy widzieć:

I mamy możliwość wybrania jednego z dostępnych stylów. Więc wybieramy - i jakie zmiany?

• Przykład Alternatywnego arkusza stylu z MDC
• Więcej info też w artykule (en)

Tak, tak, tak - tak bardzo można być bardzo zadowolonym po spojrzeniu w Menedżer zadań w Windowsie:

Dla porównania uruchomiony od 26 godzin Firefox 3 beta 5 oraz Flock działający 15 godzinę. Zrzut mówi sam za siebie, Firefox 2 jest bardzo dobrą przeglądarką z kilkoma mankamentami, które w trójce zostały wyeliminowane. Nie ma nawet tych wersji co porównywać, bo jest to chyba jedyna przeglądarka, która tak wiele zmian wprowadza w stosunku do poprzedniej wersji. I pamiętam nawet głupie dyskusje na temat, poprzednich wersji jakie były toczone - m.in. że tamte pełne wersje nie zasługiwały na to aby przechodzić z wersji 1 na 1.5, a potem na wersje oznaczoną numerem 2.

Widać, co kieruje Mozillą przy robieniu kolejnych wersji - dobro użytkownika, miłe spędzenie czasu podczas korzystania z przeglądarki Firefox oraz przede wszystkim bezpieczeństwo (to o czym zapomniał na kilka lat M$, a teraz z ręką w nocniku się obudził i robi szum, że IE 8 w wersji beta 1 przechodzi ACID 2 - lol).

Pomimo, że jeszcze jest to beta (ostatnia, ale beta) zachęcam do skorzystania i po testowania nowej wersji Firefoksa. Jedyna, rzecz dla której uruchamiać jeszcze będę dwójkę to rozszerzenia, które wykorzystuje do pracy. W momencie, gdy tylko Firebug będzie dostępny dla trójki - Fx 2 do lamusa

Wynik oszałamiający!

Po raz 600 milionowy pobrano dodatek (rozszerzenie) do programów Mozilli na początku zeszłego tygodnia, we wpisie możemy także się dowiedzieć, że jest to liczba pobrań, nie wliczając pobrań aktualizacji. Strona z dodatkami zawiera około 4000 dodatków i tylko w ciągu jednego dnia średnia ilość pobrań waha się pomiędzy 800 tyś., a milionem. Codziennie strona ta zlicza 4,5 miliona odsłon - jak na mnie robi to wrażenie.

Więcej informacji znajduje się na jednym z blogów Mozilli.

FavLoc - rozszerzenie napisane przez Justina Scotta pozwala na zapisanie programu, obrazka i innych rzeczy jakie możemy wyciągnąć ze stron WWW do swojego ulubionego (wcześniej ustawionego) folderu na dysku. Aby zapisać np. program wystarczą dwa kliknięcia i jest on natychmiast pobierany do wskazanej przez nas lokalizacji na naszym komputerze. Już nie musimy za każdym razem wybierać polecenia Zapisz plik jako… i nudnym klikaniem wskazywać gdzie dany plik ma zostać zapisany. Wystarczy prawym klawiszem myszki kliknąć w odnośnik, który chcemy pobrać (lub obraz, który chcemy zapisać), następnie wybrać polecenie Save Link to FavLoc… i wskazać wcześniej już zapisany folder w opcjach rozszerzenia i po problemie.

Nie da się ukryć, że skraca nam to masę żmudnego klikania i przebijania się poprzez stosy katalogów :). Aby pojawiło nam się lokalizacja gdzie chcemy aby zapisywać określone pliki - musimy skonfigurować bardzo proste dwie zakładki w opcjach rozszerzenia. Najpierw wybieramy z Narzędzi opcję FavLoc Options i zobaczymy:

Gdzie wpisujemy nazwę jaką chcemy mieć w menu kontekstowym, które wywołamy prawym klawiszem myszki i najeżdżając na polecenie Save Link to FavLoc… zostanie wyświetlona lista właśnie w tym miejscu nazwanych lokalizacji.

Dodajemy poprzez przycisk Add nową lokalizację. Dodatkowo jest jeszcze karta z ustawieniami - mamy kilka do wyboru :), ale pozostawiam Wam je do zabawy.

Ogólnie rzecz biorąc jest to małe ale użyteczne rozszerzenie do Firefoksa jak i do Thunderbirda. Chętnych odsyłam do strony, gdzie można pobrać owe rozszerzenie: https://addons.mozilla.org/firefox/2140/.

Dawno nie robiłem wpisów, czas co nieco nadrobić :). Obiecałem zbiór w pdfie, ale znów mi nie wyszło, go dodać w tej części o języku XUL. Ok, zróbmy teraz menu, ale nie takie zwyczajne bo menu, które pozwoli nam przewijać zamieszczone w nim przyciski :).

arrowscrollbox

Element ten tworzy pudełko, które zawiera strzałki przewijania na swoich końcach, aby można było przewijać zawartość utworzonego pudełka.

Jeśli w menu zabraknie dostępnej wolnej przestrzeni w oknie menu to automatycznie pojawią się na obu jego końcach strzałeczki. Jeśli najedziesz kursorem myszki na którąkolwiek strzałkę, to menu zostanie przewinięte w dół albo w górę. Jeśli natomiast jest więcej dostępnego miejsca, a menu jest się mieści w oknie to strzałki nie zostaną wyświetlone. Pojawienie się strzałek zależy od aktualnie zastosowanego motywu.

Powyższe zachowanie jest wywoływane automatycznie. Nie musimy nic więcej robić, aby pojawił się on w przewijanym menu. Znajdzie on zastosowanie do menu w pasku narzędzi, w wyskakujących okienkach lub listach menu. Zaimplementowany zostanie poprzez element arrowscrollbox.

Przykład menu:

Poniższy przykład pokazuje jak stworzyć przewijaną listę przycisków.

<?xml version="1.0"?>

<?xml-stylesheet href="chrome://global/skin/" type="text/css"?>

<window id="przyklad-menu" title="Jak zrobić przewijane menu"
        xmlns:html="http://www.w3.org/1999/xhtml"
        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
<arrowscrollbox orient="vertical" flex="1">
  <button label="Przycisk 1"/>
  <button label="Przycisk 2"/>
  <button label="Przycisk 3"/>
  <button label="Przycisk 4"/>
  <button label="Przycisk 5"/>
  <button label="Przycisk 6"/>
  <button label="Przycisk 7"/>
  <button label="Przycisk 8"/>
  <button label="Przycisk 9"/>
  <button label="Przycisk 10"/>
  <button label="Przycisk 11"/>
  <button label="Przycisk 12"/>
</arrowscrollbox>

</window>

Zobacz przykład.

Prawda, że łatwe?

Więcej informacji:

• Kurs XUL
• Dokumentacja XUL