Skok na obsah [accesskey=1] | Skok na navigaci [accesskey=2]
Poděkování: Chtěl bych na tomto místě poděkovat Mon-gimu za to, že jsem u něj mohl poslední rok (možná i víc) hostovat všechny své stránky a to zcela zdarma...
Autor: Vít Dlouhý, čas: 21:49, Komentáře , Trvalý odkaz
BTW: Právě jsem si stáhnul lokalizovanou verzi Mozilla Firebird 0.6 (cca 7MB), a chystám se ji pečlivě otestovat, tak jsem zvědav, jak se předvede...
(via Digital Web Magazine a LUPA)
Autor: Vít Dlouhý, čas: 22:15, Komentáře , Trvalý odkaz
Již včera jsem chtěl informovat o článku Návrh hodnocení metod testování použitelnosti, který uveřejnil Interval. Mám z něj však trochu rozporuplné pocity, na jednu stranu je přínosem, že Interval přeložil článek, jehož autorem je John S. Rhodes (autor velice kvalitního weblogu WebWord), na druhou stranu, mám pocit, že pro začátek je to moc velký krajíc chleba - zvláště po tom, co se na Intervalu v nedávné době objevilo několik článků spíše nižší kvalitativní úrovně, nebo hůře článků, které se zaměřením Intervalu měly opravdu málo společného...
Velice pěkně se do mého názor na tento článek trefil Marek Prokop v komentářích pod článkem: "Na Intervalu, který o použitelnosti, pokud mne paměť neklame, zatím nepublikoval vůbec nic, působí asi jako Einsteinova teorie relativity v časopisu ABC mladých techniků...
".
Dle mého názoru tedy tento článek přichází v trochu nevhodnou dobu, na druhou stranu je to přeci jen dobrý vklad do budoucna, pokud v Intervalu budou články na toto téma, tak jedině dobře...
Autor: Vít Dlouhý, čas: 21:11, Komentáře , Trvalý odkaz
Autor: Vít Dlouhý, čas: 21:36, Komentáře , Trvalý odkaz
Je dobře, že se Pixy nebojí v jistých mezích experimentovat! Jediná výraznější věc, která se mi na nových stránkách nelíbí je ten přehršel barevných ikonek poukazujících na různé standardy - trochu to narušuje celkový grafický design stránky...
Poznámka: Pěkná fotka ;-)
Autor: Vít Dlouhý, čas: 21:14, Komentáře , Trvalý odkaz
Autor: Vít Dlouhý, čas: 09:17, Komentáře , Trvalý odkaz
Autor: Vít Dlouhý, čas: 08:57, Komentáře , Trvalý odkaz
ul
a li
k tomuto účelu) jsem si vypůjčil z tohoto článku a dále jsem nabalil nějaké další potřebné příkazy, až vznikl požadovaný výsledek. Rád bych vyzdvihl použití příkazů ul
a li
, což má tu výhodu, že pokud vypneme styly, tak se zobrazí pěkně strukturovaný seznam odkazů, schválně se podívejte...
Vše jsem otestoval na Internet Exploreru 5.5, Mozille 1.2.1 a Opeře 7
Aktualizováno: V neděli večer jsem se podíval na Zeldmanovi stránky a nestačím se divit, jak je ten svět malý. Na stejné téma, jako je můj článek odkazuje i Jeffrey, no, tak se alespoň můžeme podívat, jak to dělají ostatní...
Autor: Vít Dlouhý, čas: 18:14, Komentáře , Trvalý odkaz
Nemyslete pouze na uživatele připojující se z domova - tedy na uživatele, kteří mají obvykle dostatečné softwarové vybavení, spíš si vzpomeňte na ty, co se musejí připojovat odjinud (např. ze škol), z míst, kde fungují zastaralé počítače s ještě archaičtějšími prohlížeči - i pro ně se snažte své weby v rámci možností zpřístupnit - vyplatí se to!
Pokud není možno zpracovat stránku v CSS tak, aby byla na starším prohlížeči dobře zobrazitelná, tak bych doporučil použít direktivu:
<style media="screen" type="text/css"> @import url(style.css); </style>
Ta pak tyto staré prohlížeče od stylů odřízne a stránka se zobrazí sice nenastylovaná, ale mnohem lépe čitelná - a to je nejdůležitější! Více informací...
Autor: Vít Dlouhý, čas: 18:08, Komentáře , Trvalý odkaz
K dispozici jsou ke stažení také zdrojové kódy. Ačkoliv tento odkaz s tvorbou webu přímo nesouvisí, věřím, že vás i tak dokáže na delší dobu zabavit - soudě dle vlastní zkušenosti... :o)
Autor: Vít Dlouhý, čas: 06:14, Komentáře , Trvalý odkaz
Autor: Vít Dlouhý, čas: 06:11, Komentáře , Trvalý odkaz
O tom, že lze obdobné ikonky udělat i pouze v HTML a CSS svědčí článek Advert Buttons using pure CSS v2.0 vydaný před pár dny na Notestips, o něco obdobného se nedávno pokoušel i Marek Prokop...
(via Brainstorms and Raves)
Autor: Vít Dlouhý, čas: 06:17, Komentáře , Trvalý odkaz
Autor: Vít Dlouhý, čas: 22:08, Komentáře , Trvalý odkaz
Z článku jsem vybral jeden zajímavý, leč trochu kontroverzní názor: "Google má výbornou vyhledávací technologii, skvělý algoritmus a tak dále, ale průměrný návštěvník se o to příliš nestará, je přitahován přátelským rozhraním a celkovou jednoduchostí.
".
(via WebWord)
Autor: Vít Dlouhý, čas: 06:11, Komentáře , Trvalý odkaz
lastRSS.php je v současné době pouze v angličtině, ale česká verze, která bude bez problémů zvládat i nástrahy kódování se připravuje. Celý skript jsem si pro interní potřebu vyzkoušel a fungoval skvěle, navíc je šířen pod licencí GPL, což je velké plus. Stáhnout a vyzkoušet si jej můžete na http://www.webdot.cz/lastrss/...
Autor: Vít Dlouhý, čas: 16:47, Komentáře , Trvalý odkaz
Zbývá ještě trochu vychytat pár drobností, tak mě "neukamenujte" emaily :-) Jinak, touto reformou (no, vlastně ještě větší) prošla také komplet celá Příručka moderního webmastera. U ní jsem jednak trochu zkrátil úvodní stránku zavedením zcela nových rubrik, přičemž z každé rubriky se vypisuje pouze 5 nejnovějších článků (do archívu dané rubriky se dostanete přes znak "»"), tato změna se projevila také na celkové navigaci. Každý článek nyní nově obsahuje navigační lištu ve tvaru: "hlavní stránka » index rubriky » článek".
Důležité! Všechny články byly přesunuty do nového adresáře (CLANKY), takže pokud na některý z článků odkazujete, tak prosím změňte URL, názvy souborů se nemění!
Na závěr ještě dodám, že jsem zrušil nastavování velikosti písma a to z jednoho prostého důvodu - kvůli rychlosti. Přeci jen bylo zbytečné načítat pět externích souborů navíc, když všechny velikosti písma jsou definovány v relativních jednotkách (procenta), tudíž je možné je změnit pouze zásahem do nastavení prohlížeče...
Poznámka: Konstruktivní připomínky uvítám na svém emailu!
Autor: Vít Dlouhý, čas: 20:45, Komentáře , Trvalý odkaz
Tradiční menu vlevo sice vycházelo o něco lépe, ale rozdíl byl nepatrný" .
Dle mého názoru bychom se ale neměli handrkovat o to, zda umístit panel s navigací doleva, nebo doprava - myslím, že se to nedá říct všeobecně, tak aby to platilo vždy. Vezměme v úvahu třeba vysoká rozlišení v souvislosti s "elastickým" designem - úzký navigační panel umístěný vpravo se pak může opticky ztratit, zatímco vlevo jej budeme hledat vždy - intuitivně...
Osobně jsem tedy zastáncem levostranné navigace, ačkoliv spíše ze zvyklosti (anebo právě kvůli ní), přesto souhlasím i s názorem Martina Kopty, když říká:
"Předně si musíme uvědomit, že v našich kulturních podmínkách čtenář vnímá obrazové informace zleva do prava, takže nutnost přeskočit při každém přesunu pohledu na začátek nového řádku zbytečně rozptyluje jeho pozornost a zvyšuje únavu, která se i bez toho u čtení z obrazovky dostavuje mnohem dříve než u tištěných textů."
Ale, abych se vrátil k původní myšlence, debatovat bychom měli spíše o tom, jak navigační panel zpracovat - viděl jsem již dost špatných navigací, v nichž jsem se ztratil už u druhého řádku - a v tu chvíli mi bylo docela jedno, jestli je tento panel vlevo, nebo vpravo...
Autor: Vít Dlouhý, čas: 11:54, Komentáře , Trvalý odkaz
Autor: Vít Dlouhý, čas: 10:18, Komentáře , Trvalý odkaz
(via Zeldman)
Autor: Vít Dlouhý, čas: 21:24, Komentáře , Trvalý odkaz
Jeho autorem je australan Dennis Bareis a svými schopnostmi je PPWizard opravdu výjimečný. Celý princip funguje naprosto jednoduše, do stránky vložíte některý z velmi rozsáhlé databáze příkazů a vše necháte následně vygenerovat programem, ten za proměnné doplní požadované hodnoty, které definujete např. v jednom konfigurační souboru. Údržba i rozsáhlého webu je tak velmi rychlá (nutno však podotknout, že k tomu bude potřeba trochu rychlejší procesor).
Mezi nejužitečnější a také nejpoužívanější příkazy PPWizardu bych si dovolil zařadit include
, pomocí něhož můžeme vložit obsah jiného souboru na danou pozici ve stránce, dále define
, které slouží k definování proměnných a jejich hodnot. Nechybí ani užitečná tvorba podmínek - if
a elseif
.
Malá ukázka:
#define email crash@centrum.cz Můj email: <a href="mailto:<$email>"><$email></a> --- #if FileQueryExists('index.txt') <> '' Soubor "index.txt" byl nalezen v tomto adresáři... #elseif Soubor "index.txt" nebyl nalezen v tomto adresáři... #endif --- #include soubor.it
Povídání o PPWizard by bylo ještě na velmi dlouhou dobu, snad se k němu někdy podrobněji vrátím. Pokud vy sami, již nějaký web pomocí PPWizardu vlastníte, tak budu rád, pokud se mi ozvete a podělíte se o některé zkušenosti a tipy. Vy ostatní si jej do té doby můžete stáhnout (cca 1,5MB) a vyzkoušet - je zcela zdarma. Za zmínku také stojí informace, že funguje na W9x/200/NT/XP, OS/2, UNIX (Linux, FreeBSD, Solaris), Mac OS X, BeOS a dokonce i pod DOSem.
Na českém internetu jsem o tomto cenami ověnčeném programu nalezl jen několik skromných informací:
Autor: Vít Dlouhý, čas: 17:42, Komentáře , Trvalý odkaz
I u nás se ale naleznou obdobné přehledy - velice hezky jej má zpracován Yuhů (byť ne tak podrobně), na druhou stranu autor vše testuje a provádí tak dle svých slov výzkum. Svůj seznam má již pěknou řádku let také česká "internetová stálice" Jirka Kosek...
Často se z těchto přehledů stávají velcí pomocníci při práci - takže díky za ně!
Autor: Vít Dlouhý, čas: 20:57, Komentáře , Trvalý odkaz
.tabulka { -moz-border-radius: 20px; // pro Mozillu border-radius: 20px; background-color: #feef; border: 1px solid #000 }
Jedná se testovací implementaci CSS3 pro Mozillu, a výše zmíněný kód slouží k vytvoření tabulky se zakulacenými rohy (příkaz border-radius), jedná se jistě o velmi užitečnou a na první pohled zajímavou vlastnost, která možná v budoucnu ušetří spoustě grafiků (a nejen jim) dost práce. Je to vcelku hezké, rychlé a jednoduché - škoda jen, že v současné době víceméně nepoužitelné ;-(
Ostatně to platí v přeneseném slova smyslu i o (X)HTML 2.0...
(kód je původem z www.fczbkk.com)
Autor: Vít Dlouhý, čas: 16:09, Komentáře , Trvalý odkaz
table
, td
apod.), avšak pouze pomocí kaskádových stylů. Celá tabulka bude mít oproti té klasické jednu výhodu vyplývající ze samotné podstaty CSS - bude velice jednoduchá na údržbu a změnu jejího vzhledu.
Poznámka: Pár lidí (děkuji Marku Prokopovi a dalším) mě upozornilo na to, že dělat tabulku pomocí CSS je chyba a já s tím souhlasím (v původní verzi jsem na to upozornil, při korekci, jsem ale tuto informaci nesmyslně odstranil), vzniklo tady asi malé nedorozumění a to především mou vinou, tento trik je myšlen spíše jako ukázka možností CSS. Nikde v článku nestojí nabádání k tomu, abychom klasické tabulky nahrazovali CSS tabulkami...
Snažil jsem se pouze vyzdvihnout přednosti CSS - ačkoliv možná trochu nešťastnou formou...
Autor: Vít Dlouhý, čas: 17:48, Komentáře , Trvalý odkaz
Program je ke stažení zdarma v Lite verzi (s určitými omezeními) na příslušné stránce. Plná, registrovaná verze příjde přibližně na 130$ - no, když tak nad tím přemýšlím, to bych zase na druhou stranu raději seděl u tohoto online validátoru ;-)
(via Brainstorms & Raves)
Autor: Vít Dlouhý, čas: 20:35, Komentáře , Trvalý odkaz
Usability is about stupid users". V článku jsou však i další bezesporu serióznější mýty...
Zajímavé je, že tento malý průzkum byl prováděn mezi lidmi pracujícími v oboru webdesign (webmasteři, designeři, programátoři atd.), přesto jsou některá mínění (v článku jsou vyjádřena procenty dle počtu odpovědí) opravdu zajímavá a poukazují na leccos.
Autor: Vít Dlouhý, čas: 17:35, Komentáře , Trvalý odkaz
Nebude to ale nakonec tak, že je nejlepší velikost písma vůbec nedefinovat?
Autor: Vít Dlouhý, čas: 12:52, Komentáře , Trvalý odkaz
V souvislosti s testováním rychlosti bych vám doporučil vyzkoušet také prográmek WebSpeed Simulator 2.01 (dříve WebSpeed Optimizer), od firmy XAT. Má jen 302kB a dokáže vám v offline módu nasimulovat připojení 1200bps až 256Kbps, krásně tak můžete sledovat, jak vaše stránky nabíhají v různých rychlostech. Výsledný report pak obsahuje tabulku, která udává jak dlouho se ten daný prvek na stránce načítal. Rozhodně to stojí za vyzkoušení!
Stahujte na http://www.xatech.com/xatwso.exe
Autor: Vít Dlouhý, čas: 11:23, Komentáře , Trvalý odkaz
Autor: Vít Dlouhý, čas: 10:56, Komentáře , Trvalý odkaz
Autor: Vít Dlouhý, čas: 10:50, Komentáře , Trvalý odkaz
Aktualizováno: 12.12.2003, 22:25
Copyright © 2003 Vít Dlouhý ml., mailbox@vitdlouhy.cz, Všechna práva vyhrazena ®
Příručka: Weblog o tvorbě webu je tvořen pomocí offline editoru EasyBlog 2.2.0.24, děkuji Liboru "eLKa" Krayzelovi