eGospodarka.pl
eGospodarka.pl poleca

eGospodarka.plGrupypl.comp.wwwCSS - zastąpienie kontrolek formularza grafikąRe: CSS - zastąpienie kontrolek formularza grafiką
  • Path: news-archive.icm.edu.pl!news.gazeta.pl!not-for-mail
    From: porneL <n...@p...net>
    Newsgroups: pl.comp.www
    Subject: Re: CSS - zastąpienie kontrolek formularza grafiką
    Date: Sun, 21 Jun 2009 14:37:45 +0100
    Organization: "Portal Gazeta.pl -> http://www.gazeta.pl"
    Lines: 135
    Message-ID: <o...@a...local>
    References: <h166s5$ila$1@achot.icm.edu.pl>
    <2...@o...googlegroups.com>
    <h19212$3rs$1@achot.icm.edu.pl>
    <3...@m...googlegroups.com>
    <h1banm$3jk$1@achot.icm.edu.pl> <h1bkhn$toi$1@mx1.internetia.pl>
    <h1dvth$fa8$1@achot.icm.edu.pl> <h1e2e9$f31$1@inews.gazeta.pl>
    <h1e7vq$oup$1@achot.icm.edu.pl> <o...@a...local>
    <h1fkn7$r3n$1@achot.icm.edu.pl> <o...@a...local>
    <h1itdk$s0t$1@achot.icm.edu.pl> <o...@a...local>
    <h1jhag$gcv$1@achot.icm.edu.pl> <o...@a...local>
    <h1l408$ir6$1@achot.icm.edu.pl>
    NNTP-Posting-Host: cpc1-acto1-2-0-cust35.4-2.cable.virginmedia.com
    Mime-Version: 1.0
    Content-Type: text/plain; charset=iso-8859-2; format=flowed; delsp=yes
    Content-Transfer-Encoding: 7bit
    X-Trace: inews.gazeta.pl 1245591467 148 82.28.217.36 (21 Jun 2009 13:37:47 GMT)
    X-Complaints-To: u...@a...pl
    NNTP-Posting-Date: Sun, 21 Jun 2009 13:37:47 +0000 (UTC)
    X-User: pornelspam
    User-Agent: Opera Mail/10.00 (MacIntel)
    Xref: news-archive.icm.edu.pl pl.comp.www:392521
    [ ukryj nagłówki ]

    On Sun, 21 Jun 2009 12:02:34 +0100, Marek <m...@s...interia.pl>
    wrote:

    >> Sugerujesz, że zastąpienie pasków narzędzi rzędami checkboxów to nie
    >> absurd?
    >
    > Właśnie nie dostrzegam w tym absurdu. Jeśli chceckbox (albo radio)
    > odbowiednio ostylowany (co teraz jest to niemożliwe) miałby
    > reprezentację graficzną inną dla stanu aktywnego i nieaktywnego to
    > zachowuje się on dokładnie tak jak do tej pory.

    Nie zrozumiałem ciebię - myślałem, że mówisz o wyglądzie, a nie
    implementacji.

    Tworzenie zupełnie nowego typu kontrolki to IMHO inna rzecz, niż
    upiększanie wyglądu istniejących i temat wykraczający poza tę dyskusję.

    > Mówimy tylko o tylko check i radio oczywiście. Dlaczego element
    > standardowy nie może nim nadal pozostać lecz wyglądać niestandardowo?

    Bo z punktu widzenia użytkownika (patrzącego na ekran, a nie w źródło
    strony) przestanie być standardowym elementem.

    > Czy H1, czy P od czasu kiedy wymyślono style zmieniające jego
    > standardowy wygląd stał się elementem niestandardowym? Czy możliwość
    > zmiany wyglądu H1, P zaszkodziła komuś i powinno się zwalczać mozliwość
    > stosowania do nich CSS?

    Jeśli zmienia to przeznaczenie elementu, to tak. Na przykład CSS daje ci
    możliwość używania <p> zamiast <h1> (p {font-size:bigger;
    font-weight:bold}), ale to by było niewłaściwym użyciem elementu i
    uniemożliwiało automatyczne zrobienie spisu treści dokumentu.

    > Elementy formularzy tak czy owak rysują swoją powierzchnię i nie ma
    > problemu aby zamiast rysować się same programowo mogły w to miejsce
    > bitmapę wrzucić. To nawet jest uproszczenie a nie rozszerzenie
    > funkcjonalności.

    Zastąpić element samym obrazkiem jest łatwo. Zastąpić wygląd, ale zachować
    działanie jest bardziej skomplikowane (szczególnie 15 lat temu, kiedy to
    było projektowane).

    >> Mimo tego IMHO standardowe elementy interfejsu użytkownika powinny być
    >> standardowe - pod względem wyglądu i zachowania. Są wtedy
    >> natychmiastowo rozpoznawalne i intuicyjne.
    >
    > No własnie nie do końca. Przytaczany znacznik H1 jest standardowym a
    > mimo to trudno znaleźć takie 2 serwisy WWW gdzie wygląda identycznie.
    > Nie wydaje mi się aby H1 był mniej standardowy od INPUT.

    H1 nie jest interaktywny, nie ma systemowego odpowiednika i nie
    przedstawia wizualnie aż tyle informacji, co przeciętny input. Elementy
    nie są równe pod tym względem.

    > W szczególności jako widz nie mam potrzeby rozpoznawania znaczników
    > patrząc na treść strony. Nie interesuje mnie czy tytuł strony zrobiono
    > na H1 czy na P i nie mam wewnętrznej potrzeby intuicyjnego rozpoznawania
    > typów znaczników.

    Bo jesteś osobą widzącą i nie potrzebujesz nawigować po stronie za pomocą
    nagłówków.

    >> Na przykład na OS X zaokrąglone rogi pól tekstowych oznaczają pole do
    >> wyszukiwania. To jest konsekwentnie używane we wszystkich aplikacjach,
    >> ale nieświadomi tego projektanci mogą zrobić zaokrąglone rogi tylko dla
    >> bajeru.
    >
    > No widzisz... czyli nawet systemy operacyjne pozwalają między sobą na
    > zróżnicowany wygląd kontrolek.

    Nie rozumiem jak ta wypowiedź ma się do mojego argumentu, więc powtórzę:

    Na OS X pola z zaokrąglonymi rogami służą do wyszukiwania. Kanciaste pola
    są do wpisywania danych. System pozwala ci zaokrąglić rogi, ale powinieneś
    korzystać z tego tylko wtedy, gdy pole będzie przeznaczone do wyszukiwania.

    Pod innymi systemami zaokrąglone rogi nic nie znaczą, więc użytkownik
    Windows/Linux projektując stronę może zechcieć zrobić ładne pola,
    zaokrąglić im rogi i ujednolicić wygląd na wszystkich platformach (bo nie
    widzi nic zdrożnego w takiej idei). Wtedy niewinne upiększenie w
    kontekście Windows będzie dziwaczną pomyłką z perspektywy OS X.

    Nawet CSS dziś pozwala zaokrąglić rogi dowolnego inputa, ale z ww. powodu
    nie powinno się wykorzystywać tej możliwości. Żeby rogi były zaokrąglone
    tam, gdzie trzeba w HTML 5 jest <input type=search>.

    > Czyli strona WWW na systemie A będzie wygladała inaczej niż na systemie
    > B z czego twórca strony nie będzie zadowolony.

    1. U użytkownika systemu B właściwy wygląd to wygląd B. Temu użytkownikowi
    wygląd A będzie przeszkadzał tak samo, jak twórcy wygląd B.
    2. Strona nie jest dla twórcy.

    To coś jak z formatem daty. Jak będziesz mieć datę zapisaną wszędzie tak
    samo, to dla części świata będzie to dziwne. Jak zrobisz to tak, jak
    należy, to głupi klient będzie narzekał, że u amerykanów jest brzydka data
    w formacie, którego nie chce.

    > Gdy natomiast miałby wpływ na wygląd to ujednoliciłby go dla wszystkich
    > przeglądarek. Nie widzę nic zdrożnego w takiej idei.

    Ujednolicanie brzmi fajnie póki ujednolicasz wzór, który tobie pasuje.

    > Podobnie jest z każdym innym stylem. H1 też można zepsuć używając np.
    > białej czcionki na białym tle.

    H1 nie musi przedstawiać tego, czy jest disabled, read-only, ma auto-fill,
    placeholder. Nie ma odpowiednika we wszystkich aplikacjach i nie ma
    konwencji specyficznych dla różnych systemów operacyjnych, dlatego masz
    większą swobodę w jego stylowaniu.

    > Czy w związku z tym nie powinno zlikwidować się CSS?

    Nie. CSS ma swoje zastosowania, a poza tym nie sposób zabronić ludziom
    strzelania sobie w stopę. Można jednak odradzać stosowanie CSS tam, gdzie
    to może mieć negatywne skutki. To, że możesz nie oznacza, że od razu
    musisz czy powinieneś.

    Możesz zrobić nagłówek, który jest niewidoczny dla użytkowników screen
    readerów, możesz zrobić obrazkowy radio button, który będzie
    rozpikselowany pod iPhone i wyglądał jak krowi placek przy kontrolkach
    Cocoa, możesz robić biały tekst na białym tle, ale nie powinieneś.

    Jeśli zrobiłeś radio button z rozsądkiem i przy testach z użytkownikami
    nie był problemem, to ok (nikt z badanych nie używał systemu z
    kwadratowymi radio buttonami i okrągłymi checkboksami ;)

    Niestety mało kto robi testy, mało kto bierze pod uwagę inne platformy i
    przeglądarki, a udziwnione style inputów o wiele łatwiej mogą być mylące,
    niż udziwnione style <h1>, dlatego wolałbym, żeby twórcy stron trzymali
    się od inputów z daleka (a <h1> stylowali z umiarem).

    --
    http://pornel.net
    this.author = new Geek("porneL");

Podziel się

Poleć ten post znajomemu poleć

Wydrukuj ten post drukuj


Następne wpisy z tego wątku

Najnowsze wątki z tej grupy


Najnowsze wątki

Szukaj w grupach

Eksperci egospodarka.pl

1 1 1

Wpisz nazwę miasta, dla którego chcesz znaleźć jednostkę ZUS.

Wzory dokumentów

Bezpłatne wzory dokumentów i formularzy.
Wyszukaj i pobierz za darmo: