-
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");
Następne wpisy z tego wątku
- 21.06.09 14:25 Paweł Piskorz
- 21.06.09 14:38 Grzesiek
- 22.06.09 21:32 Marek
- 22.06.09 21:38 Marek
- 22.06.09 21:43 Marek
- 22.06.09 22:46 Marek
- 22.06.09 23:28 Marek
- 23.06.09 03:10 ethanak
- 23.06.09 12:58 Artur Muszyński
- 23.06.09 13:13 Radek N.
- 23.06.09 13:16 Marek
- 23.06.09 13:37 Marek
- 23.06.09 14:59 Marek
- 23.06.09 17:27 Paweł Piskorz
- 23.06.09 17:43 Paweł Piskorz
Najnowsze wątki z tej grupy
- Jakie znacie działające serwery grup dyskusyjnych?
- is it live this group at news.icm.edu.pl
- php, linki z nazwami a $_GET, SEO
- www polityka pl captcha
- dyktatura brudnego palucha
- www.znanylekarz.pl
- Czy pytanie o sczytywanie stron programami/skryptami to tu?
- Grupy webdevowe
- Jak wydrukować stronę?
- IIS, kilka witryn
- linki <a href="/strona.php"> (ze slashami)
- co rozszerza stronę??
- responsywny akapit <p>
- Czy istnieje jakiś emulator przeglądarek pod Mac'a?
- taka sama konfiguracja dla localhost i produkcji
Najnowsze wątki
- 2025-01-17 Gliwice => IT Expert (Network Systems area) <=
- 2025-01-17 Lublin => Programista Delphi <=
- 2025-01-17 Warszawa => Developer .NET (mid) <=
- 2025-01-17 Ostrów Wielkopolski => Konsultant Wdrożeniowy Comarch XL/Optima (Ksi
- 2025-01-17 Katowice => Senior Field Sales (system ERP) <=
- 2025-01-17 Wróblewo => Analityk finansowy <=
- 2025-01-17 Żerniki => Specjalista ds. Employer Brandingu <=
- 2025-01-17 pradnica krokowa
- 2025-01-17 Warszawa => International Freight Forwarder <=
- 2025-01-17 Warszawa => Helpdesk Specialist <=
- 2025-01-17 Kraków => User Experience Designer <=
- 2025-01-17 Nieustający podziw...
- 2025-01-17 zawsze parkuj tyłem do ulicy
- 2025-01-16 nie będzie naprawy pod blokiem?
- 2025-01-16 korytarz zycia