Czy Webdeweloper może ignorować IE — może!

Wprowadzenie

Oglądałem ostatnio zdjęcia w serwisie Flickr.

Przyglądałem się funkcji komentowania zdjęć i zauważyłem zaokrąglone rogi przycisków Preview i Save Comment oraz okna z wyjaśnieniami How do I format my comment?

Jako człek ciekawy, sprawdziłem jakiej to metody użyli programiści Flickr.com, aby uzyskać efekt zaokrąglonych rogów…

Zaokrąglone rogi w serwisie Flickr.com

Jest wiele metod (bazujących na miksie tabel i obrazków) uzyskania efektu zaokrąglonych rogów — większość to, moim zdaniem, doskonałe przykłady przerostu formy nad treścią.

Programiści Flickr.com zrobili to, moim zdaniem, niezwykle elegancko. Użyli styli CSS -moz-border-radius, które działają we wszystkich nowoczesnych przeglądarkach (Firefox, Chrome, Safari, Opera) poza…, a jakże, Internet Explorer-em — każdym :(.

flickr.com

Zaokrąglone rogi w serwisie Flickr.com

Podsumowanie

Dzięki prostemu rozwiązaniu działającemu w oparciu o style CSS, można osiągnąć ten miły dla oka i mózgu efekt niewielkim nakładem pracy i — co o wiele ważniejsze — bez rozdmuchiwania kodu HTML i rozmiaru przesyłanej strony.

Flickr.com i Yahoo pokazały też, że można zignorować niedostatki przeglądarki Internet Explorer, dzięki czemu zyskują:

  1. Użytkownicy innych przeglądarek — bo strony ładują im się szybciej,
  2. Programiści — bo mają kod prostszy do napisania i utrzymania,
  3. Testerzy — bo przyciski są standardowe i standardowo działają (fokus, zatwierdzanie klawiszem Enter i Spacja).
About these ads

Tagi: , , ,

Odpowiedzi: 2 to “Czy Webdeweloper może ignorować IE — może!”

  1. Julia Krysztofiak-Szopa Says:

    Yyy, małe sprostowanie: to nie jest żaden ignorowanie IE, tylko ignorowanie większości przeglądarek. Opera 10 wciąż nie rozumie -moz-border-radius, takowoż Chrome i Safari. Do webkita musisz zastosować osobną deklarację -webkit-border-radius.

    De facto wyłącznie FF rozumie deklarację, o której wspomniałeś, więc tytuł „Czy Webdeweloper może ignorować IE” to taki trochę nie na miejscu jest, imho. Zresztą – można sobie pozwolić na full aktów dyskryminacji wobec nielubianych przeglądarek, gdy chodzi o tak poważne sprawy, jak okragłe rogi buttonów:p

    Ale projektowanie całych interfejsów tak, żeby działały tylko i wyłącznie pod FF3/Win Vista jest *złe*.

  2. Grzegorz Gierlik Says:

    Witaj Julia,

    Rzeczywiście, masz rację — Opera wyświetla mi teraz prostokątne rogi, ale byłem pewien, że widziałem zaokrąglone…

    Ale mój Chrome (3.x) i Safari (PC, 4.x) nadal pokazują zaokrąglone rogi.

    Tak więc operując stylami, ignoruje się tylko niedostatki IE (i Opery, której używa śladowa liczba użytkowników), co jak napisałaś jest w tym przypadku całkowicie uprawnione.

    Zgadzam się też, że projektowanie interfejsu, tak aby *działał* tylko pod określoną konfiguracją, jest złe. Tego nie napisałem.

    Flickr działa pod każdą przeglądarką — nawet IE — po prostu wygląda wtedy trochę gorzej.

    Tak jak nie wszystkie funkcje GMail-a działają pod wspomnianą wcześniej Operą — nie przeszkadza to ani twórcom GMail-a, ani twórcom przeglądarki, ani też chyba jej użytkownikom.

Dodaj komentarz

Wprowadź swoje dane lub kliknij jedną z tych ikon, aby się zalogować:

Logo WordPress.com

Komentujesz korzystając z konta WordPress.com. Log Out / Zmień )

Zdjęcie z Twittera

Komentujesz korzystając z konta Twitter. Log Out / Zmień )

Facebook photo

Komentujesz korzystając z konta Facebook. Log Out / Zmień )

Google+ photo

Komentujesz korzystając z konta Google+. Log Out / Zmień )

Connecting to %s


Obserwuj

Otrzymuj każdy nowy wpis na swoją skrzynkę e-mail.

%d bloggers like this: