Category: Webdizajn

Paintball Cobra

Posted on | by Jozef Izso

Po veľmi dlhom čase som objavil na Paintball Cobra celkom originálny design (vzhľadom na zameranie webu). Z pohľadu kódu to je však biedne: samé <div> a <img>. Iné tagy sa v <body> vlastne nenachádzajú. Stránka má tiež veľmi zle navrhnuté URL.

Autorov web je tiež nakódovaný na rovnaký spôsob: <div>y s priradenými triedami.

Tvorba stránok s (x)HTML a CSS nie je len o <div>och, ale o tom správne vystihnúť sémantiku dokumentu. Na to slúži bohatá sada značiek ako h1–6, p, strong, em, abbr, cite…

Aktulizácia: ukážkový web Paintball Cobra prestal fungovať. Buď bol odstránený, alebo je to len triviálna chyba v ASP.

Drahý webdevelopment

Posted on | by Jozef Izso

Zo všetkých strán sa ozýva, aby užívatelia prešli na alternatívne prehliadače. Sú rýchlejšie, menšie, bezpečnejšie a tiež podporujú otvorené štandardy, ktoré sú funkčnejšie a prístupnejšie ako tie proprietárne „vylepšenia“ od Microsoftu v IE. Tieto hlasy sú zamerané na užívateľov.

Avšak sa zabúda na jednu dôležitú vec: cena vývoja stránok.

Prezentácia stránky na projektore

Posted on | by Jozef Izso

Prehliadač Opera v režime full screen (klávesa F11) načíta štýly pre médium projection (@media projetion {}) a aplikuje ich na dokument. Pokiaľ žiadne projection štýly nie sú definované, stránku stále zobrazuje pomocou screen.

Zatiaľ som nezistil, či Opera správne pri načítaní štýlov pre projekciu aplikuje iba definície @media projection {} alebo ich kombinuje aj s existujúcimi definíciami @media screen {} (druhé chovanie je nesprávne – takto nesprávne sa chová PocketIE, ktorý aplikuje súčasne screen aj handheld média).

Viacej informácií na Opera Show Tutorial.

85% užívateľov používa zastraralý prehliadač

Posted on | by Jozef Izso

Internet Explorer je stále majoritným prehliadačom, jeho podiel však klesá a v Čechách ho podľa serveru NAVRCHOLU.cz používa len 85,15% (november 2004). Zvyšných 15% tvoria používatelia alternatívnych prehliadačov.

Moja praktická maturita sa už priblížila ku konečnému vzhľadu a tak som stránky začal testovať aj v iných ako podporovanćh prehliadačoch, aby som zistil, ktoré budú patriť do kategórie tolerovaných. Medzi podporované pôvodne patrili Firefox 1.0, Opere 7.5× a IE 6.0 SP2.

Stránky som začal skúšať v Mozilla 1.0, Opera 6.0 a IE 5.0.

  • Opera 6 si vôbec nevie poradiť so zložitejšími štýlmi a zaradil som ju medzi nepodporované prehliadače.
  • IE 5.0 niečo zvláda, niečo nie. V tomto prípade je dôležitý súbor ie5.css, ktorý upravuje plno chýb (rozhádzané <ul>, odkazy bez pozadia…)
  • Mozilla 1.0: tak toto je prehliadač. Je z roku 2002 a s CSS nemá žiaden problém. S kľudom môžem do dokumentácie napísať, že všetky prehliadače s jadrom Gecko od verzie Mozilla 1.0 patria medzi podporované a nemajú žiadne problém či už s XHTML 1.0 (application/xhtml+xml­), CSS 2.1 alebo JS DOM.

Oproti Mozille 1.0 je najnovšia verzia Internet Exploreru. Táto potrebuje podporné JS skripty, aby v nej správne fungovali všetky CSS funkcie použité na stránke a ešte k tomu plno CSS hackov. A stále je plný prekvapení.

Internet Explorer je absolútne zastralý prehliadač, plný chýb a minimálne podporujúci otvorené štandardy (a podľa screenshotov od zákazníka dokonca správne nepodporuje ani vlastné proprietárne riešenia). Verzia 6, ktorá je dodávaná s najnovším operačným systémom Microsoft Windows 2003 Server a Windows XP sa vôbec nemôže porovnávať s 2 roky starou Mozillou vo verzii 1.0.

Z dôvodu zastralalosti prehliadača Internet Explorer by užívatelia mali namiesto neho vyskúšať alternatívne prehliadače, akými sú Firefox 1.0, Opera 7.5× alebo Mozilla 1.7.5. Všetky tieto prehliadače sú lokalizované do čestiny alebo slovenčiny.

Zmena štýlu <li> pri prejdení myšou

Posted on | by Jozef Izso

Dnes som vďaka jednému začiatočníkovi v CSS (photo-avand-garder) objavil novú chybu (It's not a Bug, It's a Feature!) v IE. Chybne nastavoval vlastnosť list-style-image pre inline prvok <a> vnútri <li>, čo však v IE spôsobí, že aplikuje nastavenie pre <li>.

Toto sa dá skombinovať so štandardným zápisom a potom dynamicky meniť list-style vlastnosť pomocou :hover alebo :focus.

.nav li { list-style-image: url(image.jpg) }
.nav li:hover, .nav li a:hover { list-style-image: url(image-hover.jpg) }

Dokumenty k tejto chybe:

Ten najdokonalejší webhosting

Posted on | by Jozef Izso

Pixy vo svojom článku rozbehol ďalšiu búrlivú diskusiu, tento raz o webe „owebe“. Súčasne sa na diskusnom fóre Jak Psát Web rozbehla diskusia o jednom úplne dokonalom webhostingu, ktorý nikdy nemá výpadky, má najlepší pomer cena/výkon, hosťuje len tie najlepšie webstránky a aj webstránky s údajne tak vysokým trafficom, že iné hostingy ich nehosťujú. Áno, takýto dokonalý je hosting Banan.

Continue reading →

Mozilla a MIME typ application/xhtml+xml

Posted on | by Jozef Izso

Mozilla Web Author FAQ vyšiel popis pre designérov, kedy by mali a nemali posielať Mozille dokumenty s hlavičkou application/xhtml+xml. Týmto typom sa označujú XHTML dokumenty a moderné prehliadače ich spracujú plne podľa štandardov. XHTML 1.0 dovoľuje z dôvodu kompatibility používať aj typ text/html.

MIME typ application/xhtml+xml by mal byť posielaný iba vtedy, ak bol dokument serializovaný z DOM alebo vytvorený v XSLT, bez použitia inštrukcie disable output escaping.

Aby užívatelia stránok neboli zbytočne zaskočení chybovou hláškou XML parseru, webdesignéry by mali tento MIME typ používať opatrne a kontrolovať, či ich stránky vyhovujú formátu XML.

Diskusné extrémy: Windows Deployment in JS

Posted on | by Jozef Izso

Niektoré začiatočnícke otázky v diskusných fórach smerujú až k podobným extrémom:

Neviete niekto, ako vnútiť návštevníkom stránok, ktorý používajú Linux, môj Windows 95? Pretože to je podľa mňa ten najlepší OS a proste kto si pozerá moje stránky, musí ho mať, pretože sa to musí všetko úplne rovnako zobraziť. A samozrejme najlepšie by bolo, aby sa mu nakopíroval celý môj disk, pretože ja viem najlepšie, ako má byť správne nastavený PC a moje upravené klávesové skratky sú proste najlepšie.

Niektorý začínajúci webdesignéry sú extrémisti ale našťastie na Linuxe nie je najhorší prehliadač na svete Internet Explorer a teda proprietárna JS metóda document.deplo­yWindows(„Win 95 RC1“, „don't ask user“); nebude fungovať ;-)

Začiatočníci, zasahovať akýmkoľvek spôsobom do užívateľských nastavení prehliadača, OS a software-u, ktorý používa, sa nedá.

Získavame informácie a rady

Posted on | by Jozef Izso

Pri prechádzaní a čítaní rôznych diskusných fór som zistil, že ľudia sa strašne často chybne pýtajú.

Chybne položené otázky nielen spôsobujú nekonečné flame-wars na diskusných fórach, ale aj viacnásobné pýtanie sa na to isté (a objavovanie kolesa), pretože sa daná informácia nedá na fóre jednoducho nájsť.