Ptaszor i jego blog! Lol…

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

Zatytułowałem ten wpis tak dlatego, gdyż chciałbym pokazać, tym co tworzą strony w technologi Flash i nie chcą zazwyczaj z niego zrezygnować – podpierając się możliwościami tworzenia animacji jako stron mających być serwisem WWW, że w bardzo łatwy sposób można zastąpić “mało dostępne”, toporne, świszczące i w koło się kręcące animacje Flash starym dobrym i przyjaznym CSSem!

Poniżej pokazuje tego najlepszy przykład, który przypomina animacje – a nią nie jest . Ale po kolei…
Robiłem ostatnio stronkę pewnej firmie, ogólnie nic szczególnego – bo owy klient miał już podobną stronkę – dotyczącą innej inwestycji i miałem wykonać podobną stronkę bieżącej inwestycji klienta.
Od zawsze mam negatywne nastawienia do wszystkiego co trzeba wykonać Flashem :/. W opisywanym projekcie niestety zanosiło się na większe zabawy Flashem. Jak to bywa w takich sytuacjach – trzeba zrobić wszystko, aby go w jak najmniejszym stopni wykorzystać.

Stronka, na jakiej klient chciał aby miała identyczną funkcjonalność – zawiera ona animowany plan inwestycji i kilka innych informacji:

A teraz wykonany przeze mnie inny plan, ale bez użycia technologii Flash – zachowując swoją funkcjonalność:

I jak? To animacja i to animacja…

Do wykonania tego planu za pomocą arkusza stylów zainspirował mnie mały przykład znaleziony na stronie

Kod, który posłużył mi do wykonania mojego zadania stronie możecie zobaczyć w pliku plan.css.