Nadużywanie Flasha vs CSS
22 grudnia 2005
Podczas boomu na Flasha zapomniano, że wykorzystując parę animowanych GIFów i właściwości tła w stylach CSS można wykonać interesujące, proste efekty. Otwierano pirackiego Flash MX-a i klikano menu, przyciski. Bo się tak ładnie świecą. Cóż. Tutaj przygotowałem parę alternatyw.
Z większością z nich spotkałem się na stronach w postaci binarnej. A przecież wystarczy, tak jak w pierwszym polu formularza ustawić tło na stan :focus. Tło, które jest animowanym obrazkiem GIF powtarzanym tylko raz. W przykładzie pole formularza ma określone wymiary, ale można zmniejszyć efekt tylko na jedną bądź dwie ściany i cieszyć się skalowalnością.
Drugi to też wykorzystanie :focus na <input/> oraz zmiany pozycji tła (animowanego w nieskończoność), jak kiedyś pisałem.
Poniżej jest jakiś fragment tekstu i linki. Zauważyć można (chociaż przy kolorystyce strony może być to trudne na pierwszy rzut oka), że linia kropkowana „chodzi”. :) A to tylko tło sześć pikseli na jeden, z dwoma kropami na trzech klatkach, poruszajcych się w prawo. Ustawione jako background: url() left bottom repeat-x.
Na koniec smaczek - jak pozbyć się kropkowania wokoło klikniętego linka. W przykładzie sztuczka z szerokością i wysokością zredukowaną do 0. Nie da się w ten sposób zmniejszyć linka, żeby zniknął, ale kropkowany fokus na nim „znika”. :-)
Liczę, że to pomoże przerwać krąg niekreatywnego myślenia i powtarzania się w kołko podczas tworzenia. Bądźmy innowacyjni. :-)
