Perfection or Vanity

Project: Terminated

Blog nie jest już dalej prowadzony ani aktualizowany. Mimo tego, wpisy i komentarze są dalej dostępne. Możesz przeczytać pożegnalny wpis albo przejść do archiwum.

Czytając dzisiaj Sitepoint natknąłem się na detal, który bardzo mi się spodobał. W pracy mam bardzo toporny scroll w myszce, więc klikąłem nim, aby uaktywnić przesuwanie samymi ruchami gryzonia. Wtedy zamiast zwyczajnego półprzezroczystego kółka pokazało mi się takie.

Szybki wgląd w CSS i znalazłem zapis:

  1. html > img {
  2. width: 0! important;
  3. height: 28px! important;
  4. padding-left: 28px! important;
  5. background: url(/images/icons/autoscroll2.png);
  6. }

Bardzo zmyślne. Dopiero teraz sobie przypomniałem, że Hixie też miał jakąś inną ikonkę, ale z błędem powiększającym kółko do 400px kwadratu.

Zastanawiam się, czy i sobie takiej nie skombinować. Tylko czy ten fragment UI powinien być stylowany? Nie mówiąc już o fakcie, że wszystko to jest możliwe ponieważ Firefox dostawia ten obrazek do HTML (spróbujcie wyłączyć style). Tak czy inaczej plus dla Sitepoint za bardzo gustowny smaczek.

Informacje i hiperłącza

Blog o projektowaniu zgodnych ze standardami stron internetowych.

Praktyczne przykłady, sztuczki CSS, sposoby obchodzenia błędów przeglądarek, lekki i nieinwazyjny JavaScript, użyteczny design, dostępność i skrypty użytkownika.

RSS

Informacje o wpisie

Napisał riddle 02 sierpnia 2007 o 15:07

Kategorie: CSS, Użyteczność, Webdesign na luzie

Dodaj do:

Wpisy archiwalne

Archiwum miesięczne

Dzięki!

Dodaj bloga do Technorati Favorites Dodaj bloga do Del.icio.us Blog należy do sieci 10przykazań.com

  1. Nie myślę że nie, bez sensowne po pierwsze, a po drugie do standardowego wiele osób się przyzywczaiło i inny obrazek by im nie pasował (tak jak mi). To coś jak kolorowe scrollbary w IE, absolutny bezsens ;).

  2. Niezłe. Nie wiedziałem, że to można zmienić. Trzeba kiedyś zastosować to na swojej jakiejś stronie ;)

  3. „Trick” całkiem fajny, ale podobnie jak pecet uważam, że jest to całkowicie zbędne.

  4. Według mnie niepotrzebny bajer – niczego nie wnosi ;).

  5. No trzeba przyznać, że ciekawe.

  6. Ładne, ale to jeszcze nie powód, by tego używać. Nie lubię, jak mi ktoś za dużo w systemie zmienia. Kursory, ozdobniki okien itp. to nie miejsce na udziwnienia – takie, jakich używam są czytelne i wygodne.

  7. Urozmaica to korzystanie, ale tak, jak cimlik napisał niczego to nie wnosi.

  8. Smaczek i nic więcej. Trochę jak z kolorowymi scrollbarami – niby ładne, ale niepotrzebne

  9. Wiecie, generalnie to ten element nie wygląda tak samo (jeśli jest obecny) w każdej aplikacji. Gecko postanowiło zrobić mu półprzezroczystość… IE wystrzępił rogi ;) a w Acrobat Readerze do łapki dodawane są strzałki (a sam scroll trzeba trzymać wciśnięty). Stąd owszem, należy uważać co się robi z GUI użytkownika (a co z formularzami, hipokryci? ;)) tylko gdzie jest granica?

    Zastanawialiście się po co Firefox wkłada ten obrazek do html zamiast nakładać go z poziomu XUL? :>

  10. Riddle – zaspokój moją ciekawość, bo się zastanawiałem kiedyś ;). W ogóle kiedyś sobie przez pomyłke zapisałem plik z włączonym scrollem i się to kółeczko zapisało…

  11. Zastanawialiście się po co Firefox wkłada ten obrazek do html zamiast nakładać go z poziomu XUL? :>

    Były pewne powody techniczne polegające na trudnościach z umieszczaniem elementów XUL nad dokumentami HTML. Jednak w alfach Firefoksa 3 jest to już zmienione i ikona nie jest integrowana ze stroną, więc powyższy trik nie powinien działać.

  12. Wspaniła metoda na umieszczanie reklam :) (mam nadziej, że nikt tego nie weźmie serio – zresztą w Fx 3 załatane…).

  13. No to dobrze, że zostanie zmienione, bo u mnie na tym moim „zamule” czasem widać przez moment tą ikonkę symbolizującą obrazki. Niby nic, ale trochę denerwuje…

  14. Bardzo fajny pomysł, niby małe… ale cieszy :)

  15. Należy to traktować to w kategoriach ciekawostki, ponieważ praktyczne zmienianie tego elementu na jakiś inny, fantazyjny, jest niewskazane, tak samo jak tworzenia wizjonerskich pasków przewijania czy elementów graficznych formularzy.

    Mimo to, sam wpis ciekawy, nie wiedziałem o tym.

  16. Zmiana zaznaczenia tekstu w Firefoksie

    Przeglądając dzisiaj internet, natknąłem się na ciekawy bajer na stronie juju. Po zaznaczeniu tekstu na tej stronie w firefoksie nie jest on podświetlany na standardowy szary, lecz różowy.



    Podobnie jak riddle zajrzałem w kod css i o[...]

  17. Bajerek i jak każdy bajerek trzeba wiedzieć gdzie stosować. Jak dla mnie ładna rzecz do aplikacji z UI w htmlu oraz wszędzie tam gdzie możemy narzucić klientowi wymagania techniczne dotyczące przeglądarki. Dotyczy to wszelkiej maści systemów zarządzania pracownikami, systemów magazynowych, CMRów itp.

  18. SuSe 10.2 // FireFox 2.0 -> Wszystko fajnie, ale wygląda koszmarnie, niby podmienia prawidłowo grafikę, ale standardowa jest powiększona jakieś 10 razy i widoczna na prawo od kursora:/

  19. Śmieszne : )
    Zrobiłem jak Pecet, potem otworzyłem i kółeczko było tam gdzie je zostawiłem. Co śmieszniejsze, można scrollem wrzucić drugie kółeczko.

    Bajer, bez znaczenia raczej

  20. Czemu jeśli w IE są kolorowe scrolle (podobają mi się), to kilku mądrych to krytykuje, a jak do FF można ściągnąć setki skórek, to niby to jest OK? Raz ktoś mówi, że IE jest nudny, bo nie ma skórek, a FF i inne mają, ale jak IE ma coś czego nie mają inni, co może się wielu podobać, to i tak jest krytykowany. Robiąc witrynę np. dla jakiejś organizacji typu GreenPeace miło jest, jak scrolle są w odcieniach zieleni – oczywiście jeśli są dobrze dobrane, to nie ma żadnego problemu z obsługą.

  21. Great Site! Many Gracias from Austira/Germany. I like your site, very usefully informations can i get here

  22. Ciekawe, jednak uważam to za zbędny kod… I zabieranie użytkownikowi tego, do czego się przyzwyczaił (jego nawigacji) – to go może wprawić w zakłopotanie, a tego nie chcemy ;)

Dodaj komentarz

Do formatowania komentarzy używaj Textile (HTML nie działa). Szczególnie jeśli wklejasz większe fragmenty kodu. W razie niepewności użyj podglądu komentarza.

Wypowiedzi obraźliwe, infantylne oraz nie na temat będą moderowane – pisząc postaraj się zwiększyć wartość dyskusji.

Komentarze nie służą do wysyłania wiadomości albo informowania o błędach, itd. Chcesz coś mi napisać – skontaktuj się.