Startowy.com to pierwszy serwis w sieci wyznaczający nowe kierunki w integracji nowoczesnych technologii z użytecznością strony domowej/startowej.
Bardzo nurtuje mnie o jakie “nowoczesne technologie” chodzi, bo z pewnością nie jest to XHTML.
Autorzy szumnie wpisują XHTML 1.0 Transitional, co mogę zrozumieć – sam stosuję Transitional na niektórych stronach, ale to co dostajemy przypomina raczej posttabelkowy horror. Owszem, włącza się to szybciej niż taka sama strona na tabelach, lecz pisanie o “nowoczesnych technologiach” w tym przypadku jest po prostu naginaniem rzeczywistości (by nie rzec: kłamstwem).
Te kilka kb kodu zawiera niemal wszystkie błędy jakie można sobie wyobrazić (i jakich można się czepić).
Z punktu widzenia semantyki – strona nie ma żadnego znaczenia. Nie ma prawdziwych nagłówków, nie ma list, nie ma innych znaczników sugerujących, że jest tu coś więcej poza zlepkiem liter i linków.
Od dziś nie musisz znać się na htmlu, nie musisz być znawcą internetu, wystarczą 2 minuty, abyś mógł cieszyć się własną, w pełni funkcjonalną stroną internetową.
Zaiste, wszak sam kod strony ma mało wspólnego z nowoczesnym HTML‘em, więc niby czemu użytkownicy mieliby się znać?
Jeśli kiedyś komuś przyszłoby do głowy stawianie kodu “Startowego” za wzór to informuję, że:
- menu nie robi się na 18 div’ach, z czego co drugi jest pusty (zawiera tylko margines);
- nie służy do robienia odstępów;
- oddzielanie elementów <br/> też nie zalicza się do dobrych praktyk;
- podobnie jak podawanie rozmiaru fontów w pikselach
I jeszcze jedno – Tahoma to raczej czcionka bezszeryfowa (SANS-serif).
A dalej jest tylko gorzej…
W dodatku Autorzy napisali, że to “pierwszy taki serwis w sieci“. Z grubsza to nieprawda. Jakiś czas temu podobną funkcjonalność oferował m.in. portal Opery.
Podsumowując – marność, to wszystko marność.
Powiązane wpisy:
by riddle
29 Jun 2005 at 12:07
Ale jak chcesz używać to może być.
A kod… cóż, MiLKA ma złe nawyki.. trzeba przyznać. Planetę K (szkielet) też nie za dobrze zbudował. Nie lubię jak ktoś używa • i wszędzie div. Divitis to się nazywa bodajże.
by Pc24
29 Jun 2005 at 12:08
Ale chociaż w NUP działa jak powinno
by nbw
29 Jun 2005 at 12:10
riddle: Ależ oczywiście. Ja tylko subiektywnie marudzę
by nbw
29 Jun 2005 at 12:10
PS. Tak się zastanawiałem skąd kojarzę nazwiska, teraz już wiem
by Łukasz Grabuń
29 Jun 2005 at 13:37
A więc po kolei: pomijam fakt, że nbw.jogger.pl wywala czternaście błędów przy walidacji, bo to w zasadzie pikuś. Przy text/html to i tak bez znaczenia. Niemniej:
* używanie kilku elementów H1 na jednej stronie jest kiepskim pomysłem
* zamiast pisać "SANS" można uzyć elementu STRONG
* XHTML jest skrótem, wypada więc użyć ABBR
* zamiast TT lepiej użyć SAMP (np. do wyświetlania drzewa katalogów)
Czaban, pozdrawiam serdecznie.
To wszystko z życzliwości i dobrego serca
Mówię serio.
by nbw
29 Jun 2005 at 13:43
Och, nawet nie wiesz jak na to właśnie czekałem
by wyzimir
29 Jun 2005 at 16:11
Myślę, że powinieneś podzielić się swoją krytyką z autorem serwisu (tylko nie tak ostro jak na tym blogu).
by Patrys
29 Jun 2005 at 19:28
<abbr/> wypada użyć, jeśli zamierza się ten skrót rozwijać. Jeśli całość i tak jest zamknięta w blok typu <code/>, to jest to nadmiarowa praca – użytkownik na tym nie skorzysta, a maszyny oleją.
<samp/> i <kbd/> nie kwalifikują się do wyświetlania drzewa katalogów. Do wyświetlania działania innych programów semantycznie służy znacznik <code/>.
Lepszy kod z błędami, ale semantyczny niż divitis, paragraphobis i headerus nonexistens.
by Łukasz Grabuń
29 Jun 2005 at 19:39
@Patrys: ABBR służy do tego, by oznaczyć skróty, przez co czytniki głosowe, czy jak je się tam zwie mogą te skróty przeliterować. Rozwijanie skrótu nie ma nic do tego. Polecam http://www.w3.org/TR/REC-html40/struct/text.html#h-9.2.1
Atrybutu TITLE użyć należy, ale wystarczy raz. Do oczywistych skrótów się go nie używa.
CODE służy do oznaczania kodu, który *wpisujemy* do komputera, jak sama naqzwa wskazuje. SAMP, ze strony, do której linka podałem, służy do "Designates sample output from programs, scripts, etc.". Oczywiście polecenie ls jest w gruncie rzeczy programem, więc i efekt jego działania (drzewo katalogów) powinno być tak oznaczone. Polecam także moje kiepskie tłumaczenie tekstu Olssona: http://grabun.com/teksty/xhtml/zapomniane-znaczniki.html
Pozdrawiam.
by Patrys
29 Jun 2005 at 19:41
Do oznaczania _wpisywanych_ części służy element <kbd/>, <code/> jest najczęściej używany do oznaczania ciągu znaków powstałych w wyniku działania komputera.
by Łukasz Grabuń
29 Jun 2005 at 19:44
@Patrys: zajrzyj, proszę, do specyfikacji, bo się mylisz. Cytuję: CODE: Designates a fragment of computer code. SAMP: Designates sample output from programs, scripts, etc.
Pisząc o tekście wprowadzanym do komputera miałem na myśli oczywiście kod programu, nie sekwencję klawiszy np. Ctrl-C.
by Patrys
29 Jun 2005 at 19:51
Jeśli mówimy o wyjściu z polecenia typu "ls", to ja je bardzo leniwie i niesemantycznie traktuję elementem <pre/>. Stylowanie wszystkich znaczników, których IE nie rozumie zajęłoby mi więcej czasu niż pisanie notek.
Nie zmienia to faktu, że startowy cierpi na ostry divitis asemanticus. Dodatkowo domyślny rozmiar czcionki ledwo daje się czytać w 1024×768 (a jestem w lepszej sytuacji niż posiadacze monitorów, bo mam LCD).
Zielona czcionka jest zbyt jasna i u ludzi z zaburzeniami wzroku będzie prawie niewidoczna (polecam sprawdzić), dwukolorowość pasków tytułowych robi bardzo złą przysługę samym nagłówkom, które zlewają się z tłem właśnie przez jego kontrast.
Poza tym, wygląda dla mnie na klon starusieńkiego serwisu Netscape, tam w identyczny sposób można było dostosować swoją stronę domową, tylko kolory były mniej drażniące.
by Łukasz Grabuń
29 Jun 2005 at 19:56
O ile się nie mylę, to z obsługą wymienionych przez nas elementów HTML nie problemu nawet lynx, nie mówiąc o Explorerze. Stylować nic nie trzeba.
by Patrys
29 Jun 2005 at 19:57
IE domyślnie nie ustawia im czcionki na monospace.
Inna sprawa odnośnie Startowego – skoro to jest generowane server-side, to czemu ma w kodzie tyle styli inline i dlaczego części nieużywane są zamknięte w znaczniki komentarza XML zamiast być usunięte przed wysłaniem całości do klienta…?
by Łukasz Grabuń
29 Jun 2005 at 20:05
Jak nie ustawia, jak ustawia? Zarówno SAMP, jak i KBD. O CODE nie wspomnę.
by Patrys
29 Jun 2005 at 20:06
Ok, nie wyraziłem się dość jasno, jako pracownik firmy produkującej strony, mam obowiązek zapewnić im identyczny wygląd w IE5.
by krst
29 Jun 2005 at 22:53
Dlaczego nie podawać rozmiaru fonta w pikselach? Byłbym wdzięczny za odpowiedź.
by Patrys
29 Jun 2005 at 22:55
Bo:
1) IE jest do dupy i nie umie ich skalować opcją "powiększ czcionki na stronie"
2) Czczionki nie mają wtedy nic wspólnego z tymi wybranymi przez użytkownika w opcjach przeglądarki (boli przy 1600×1200)
W praktyce grafik przesyła mi szablon do pocięcia i jestem zmuszony podać rozmiary w pikselach. :]
by adas
29 Jun 2005 at 23:00
@nbw: ja w sprawie szablonu – czy można prosić o jakiś padding do treści i komentarzy (o prawą stronę mi chodzi). Bo często mam panele mam w Operze otwarte i wychodzi takie coś jak na zrzucie:
http://img20.echo.cx/my.php?image=zrzutekranu5ss.png
by nbw
29 Jun 2005 at 23:14
Hm.. sprawdzę
by nbw
29 Jun 2005 at 23:16
Hm.. ciekawe
by adas
29 Jun 2005 at 23:18
A czemu ciekawe?
by nbw
29 Jun 2005 at 23:27
Opera ma "bezwładność". Hmm.. jak to prościej wytłumaczyć. Nie wlicza suwaka w szerokość okna. Tzn. suwak poziomy pojawia się dopiero wtedy kiedy strona jest już dawno zakryta suwakiem pionowym. Kolejny bug?
Dlatego właśnie pod Operą nie widziałem problemu gdy miałem ustawiony skipper na 100%+4px.
Sprawdziłem na kilku stronach i nie tylko u mnie się tak zachowuje.
by milka
02 Jul 2005 at 17:31
Patrys: dzieki za zwrócenie uwagi na zakomentowany kod, używam tego do sprawdzania zapytań a "wyzwalacz" tego kodu jest widoczny tylko i wyłącznie dla mnie, więc sądziłem, że ten kod też ukrywam
Style inline w niektórych wypadkach są i niestety będą. Te części kodu są dynamicznie generowane i zapisywanie je w style albo robienie specjalnych klas pod to mija się z celem.
by w3master
05 Jul 2005 at 12:55
xhtml w modzie – "Dodatkowo, w dniu premiery filmu (8 lipca) wyemitowana zostanie nietypowa kreacja w formacie XHTML na stronie głównej Wirtualnej Polski." , zrodlo:http://mediarun.pl/news/id/10783