Technologie » MyEgo.cz - Radek Hulán webzine

MyEgo.cz

home foto blogy mywindows.cz kontakt

Web X, Web Y a viry

Technologie 19.04.2004

Na www.virusy.sk vyšel zajímavý článek, jako reakce na můj seriál o bezpečnosti počítačů s Windows. Doporučuji ke čtení!

Na Lupa.cz pro změnu vyšel znovu Pixyho článek WebX a WebY, jako reakce na můj článek Mám rád Flash.

Z reakcí na tento článek mě zaujal zejména komentář Marka Prokopa. Cituji:

Ačkoli je tento Petrův článek fajn a stojí za to se k němu občas vracet, má jednu nepříjmenou vadu -- zbytečně proti sobě staví Flash a HTML. Na diskusi výše (a za chvíli určitě i níže) to je víc než patrné. Přitom o Flash vůbec nejde. To je jen nevinný nástroj.

To, o co jde, je onen antagonismus zábavy a funkce. Ten je podstatný a na ten se, bohužel, příliš často zapomíná. Ne že by nešlo okořenit účelnost trochou zábavy, jenže lidí, kteří to dokážou, aniž by účelnost narušili, je jak šafránu.

Proto je tolik firemních webů a eshopů, kde se možná dobře baví jen jejich autor a snad i majitel, ale všichni ostatní skřípou vztekle zuby, protože se jim nedaří snadno a rychle dosáhnout svého cíle. Přitom na těch webech Flash většinou ani není.

Naproti tomu jsou weby, kde je radost si pustit flashovou tour, protože tak člověk pochopí nabízený produkt mnohem rychleji a lépe než z textu. Taková Flash ovšem nemá se zábavou nic společného.

Ve stroze utilitárním hypermarketu také může stát hezká slečna a nabídnout vám malou kostičku sýra na ochutnání. Problém by byl, kdyby se přes zástup slečen nedalo dostat k regálům.

Používejte media = ‘screen, projection’ !

Technologie 18.04.2004

Proč? No, pokud si dám v Opeře zobrazení na celou obrazovku (fullscreen), tedy stisknu klávesu F11, tak, pokud linkujete stylesheet jen přes media=’screen’, zobrazí se fullscreen bez stylů!

Jak má vypadat správný zápis?

<link rel='stylesheet' type='text/css' href='my.css' 
      media='screen,projection' title='default' />

nebo:

<style type='text/css' media='screen,projection' title='default' />
  @import 'my.css';
</style>

Bloggerské desatero

Technologie 17.04.2004
Radek Hulán - top blog!

České blogy mají řadu nešvarů. Jaké jsou ty hlavní?

  • Naprosto nepodstatné články, jinak běžně zvané "žvanění o ničem". Normálně se tomu říká nuda. Příklad?
  • Články, které se inspirovaly někde jinde, u zahraničního autora, ale autor domácí to jasně neuvádí, a prezentuje to, de-facto, jako svoji práci. Normálně se tomu říká krádež.
  • Články domácích bloggerů, které jsou opsaným článkem jiného bloggera. Příklad krádeže? A kde je originál?
  • Články, které již napsal jiný blogger, někdo k němu doplní 2 věty, a udělá z toho svůj článek. Tomu se říká nechutný opruz. Příklad? A další?
  • Bloggeři, kteří píšou článek jen proto, že v něm uvedou, že neví o čem psát. Příklad?
  • Bloggeři a časopisy, kteří píšou články bez odkazů a rozborů. Příklad? A jak to má být správně?
  • Blogy komerční...
  • Blogy s tisícem pravopisných hrubek. Příklad?
  • Blogy o XXX. Příklad?
  • Blogy psané písmem o velikosti 8px. Příklad? (i když, toto není dobrý příklad, tady převažují zcela jiné, velice krásné, přednosti) ;)

Tantek Celik IE box model hack lépe

Technologie 17.04.2004

Asi každý zná, a bohužel i používá, IE voice-family hack pro jeho chybný box model, který původně navrhl Tantek Celik. Nicméně, problém tohoto hacku je v jeho nevaliditě, nepřehlednosti, a rozsahu nutného psaní CSS kódu.

Původní Tantek Celik hack je následující:

.content { 
width:400px; /* pro Mozillu, Opera 6.x, 7.x */
border:20px solid;
padding:30px;
voice-family: ""}""; 
voice-family:inherit;
width:300px; } /* pro IE  */
html>body .content { width:300px;} /* pro Operu 5.x, se stejnou chybou jako IE */

Toto řešení ovšem zjevně není moc elegantní.

Skvělý software pro telefony SonyEricsson T610 a T630!

Technologie 15.04.2004
FMA

Používám telefon SonyEricsson T630 (před nedávnem vyměněný za, až na displej prakticky totožný, T610). Absolutní špička mezi telefony, totální konfigurovatelnost, funkčnost. Kdysi jsem s sebou nosil i PDA, ale... už se mi to nechce tahat. Abych na displeji PDA psal poznámky, na to to fakt není, a na vedení kontaktů, poznámek, kalendáře, meetingů, na to je tento telefon dokonalý.

Ještě dokonalejší je pak s aplikací floAt's Mobile Agent, která umí:

  • synchronizaci phoneboku telefonu a SIM karty (nemusíte tedy používat XTDNConnect a můžete konečně zahodit MS Outlook!).
  • posílání a příjem SMS.
  • přijetí a vytáčení hovorů.
  • nastavování profilů.
  • přenosy obrázků, barevných schémat, tapet, vyzváněcích tónů, fotek.
  • editace profilů.
  • skripty pro ovládání WinAmpu a dalších (samozřejmě, je nutný Bluetooth)

Všechno samozřejmě bezdrátově, až na 100 metrů, s i-Tec Bluetoooth dongle. Bluetooth je fantastická věc, na telefonu nesmí chybět. PS: Bluetooth nedoceňuje jen ten, kdo jej ještě nevyzkoušel ;)

Hlavní dva problémy Bloxxy a EasyBlogu

Technologie 10.04.2004
geek

Jak jsem již psal včera, nejlepším systémem pro blogování v češtině, mě známým, je bloguje.cz (pro normální lidi) a Nucleus CMS (pro normální programátory). Ano, byl jsem na Bloxxy a Easyblog "tvrdý", ale... kritika to byla konstruktivní. Pokud to autor přenese přes své ego (a já myslím že rozhodně ano!), a na systému zapracuje, bude to dobře.

Nicméně, článek byl poněkud rozsáhlejší, a ne každému bylo zřejmé, co jsem měl na mysli.

Takže, krátce:

  • Články přes anchory v Bloxxy a EasyBlogu jsou nesmysl. Pokud něco píšete, hodnotnějšího, chcete, aby to mělo delší účinek a sledovanost než 2-3 dny poté, co daný článek publikujete. Nicméně, dlouhodobá návštěvnost starších článků není tvořena Vašimi stálými čtenáři, ale lidmi, co k Vám chodí ze search engines. A search engines rozhodně trvalé odkazy s anchorem nepreferují, nehledě na to, že v 20 článcích v archívu za "duben" se dost blbě vyzná. EasyBlog to v beta verzi (konečně) řeší. Bezvadné!
  • Nemožnost vyhledávat je katastrofa. Ať už to je Bloxxy a blog Pixyho, nebo EasyBlog a weblog Yuhůa, tak oba mají jedno společné: je tam spousta zajímavých příspěvků, které jste kdysi četli, ale ke kterým se nemáte šanci dostat! Netušíte jak je najít! Prohledávání googlem přes site:blog nefunguje. Jinak řečeno, Vaše stará práce je kvůli chybě / nedokončenosti blogovacího systému k ničemu.
  • Trackback u obou systémů by se více než hodil... U nás je nepoužíván, ve světě oblíben...

Klání: Nucleus? :: EasyBlog? :: Bloxxy? :: Bloguje.cz?

Technologie 09.04.2004
blog

Jsou to 4 zcela odlišné produkty, přesto jsou používány za stejným účelem, tedy na vedení osobního či odborného blogu. Veškeré produkty jsem osobně vyzkoušel, a nabízím jejich programátorské a koncepční hodnocení. A protože málokdo si dá tu práci aby všechny 4 uvedené programy prošel, zejména jejich kód, a koncepční návrh, udělal jsem to za Vás ;)

Aby nedošlo ke zbytečným flames. Vážím si Petra Staníčka, Jana Biena, Martina Malého, a Libora Krayzela, protože na rozdíl od některých jiných, totálně zbytečných, blogů a ukradených článků některých bloggerů, bez citací, kteří se tváří jako že něco vědí, ale jejich blogy jsou naprosto neužitečné, tito lidé něco dělají, a nabízejí to zdarma (ne vždy v GNU licenci, ale alespoň zdarma), všem ostatním.

To si zaslouží maximální obdiv a úctu! Podobnou službu pro bloggery dělá i Jirka Lahvička se svými (na první pohled triviálními, ale už na druhý podhled velmi komplexními a velmi užitečnými) www.weblogy.cz.

Ještě jednou tedy opakuji, tito lidé dělají něco pro nás zdarma, a to si zaslouží úctu. Děkuji.

Mimochodem, patřil by sem rozhodně i Pooh.cz, a Lide.cz, ale... osobně je neznám. Nemohu hodnotit.

Grafik, programátor, kodér - takové je jejich pořadí!

Technologie 08.04.2004
design 1

Magambi píše zajímavý článek o Dinosaurech v českém webdesignu. Úsměvné, zajímavé, a vcelku i pravdivé.

Podle mého názoru je je nejdůležitější grafik! Třeba tento web. Čím Vás zaujme? Má XHTML 1.0 Strict validní kód? Nevím. Validitu jsem nekontroloval. A nebudu. Je mi to jedno. Validita je zatím jen profesionální čest začínajících a menších firem, než praktická nutnost reálného života. Dinosauři na ni pragmaticky kašlou!

Ten zmíněný web Vás zaujme. Tím, že má (aspoň mírný) nápad! Tím, že to není jen pár obarvených obdélníků, ale je tam, aspoň nějaká, grafika. A je Vám naprosto jedno, jaké má nitro. I proto mohou dinosauři dnes tak dobře prodávat. Klient nitru webu nerozumí. A dinosaurus sází na to, že ONI se zajímají hlavně o vnější slupku. A má pravdu.

To, že se špatně vnitřně navržený web objeví až na tisícím místě vyhledávače, popřípadě, že se nezobrazí v alternativních prohlížečích, to je klientovi z velké části jedno.

Access keys v prohlížečích

Technologie 06.04.2004

Ovládám browser zejména klávesnicí, plus gesty myší, je to ta nejrychlejší volba. Před pár dny jsem psal o efektivním používání Opery pomocí klávesnice. A následně mi začalo chybět ovládání mého webu klávesovými zkratkami. Proto jsem je doplnil!

Jak se klávesové zkratky používají? No, záleží, jaký máte browser…

  • Mozilla + Firefox: Alt+písmeno, Mozilla i Firefox po stisknutí této kombinace přímo přejdou na daný link a vykonají jej.
  • Opera: nejdříve musíte aktivovat klávesové zkratky kombinací Shift+Esc, a potom již stačí stisknout jen písmeno, tedy třeba [a] pro archívy. Nicméně, pokud Vám toto nevyhovuje, předefinujte si v Opeře klávesové zkratky jak potřebujete…
  • Internet Explorer: Alt+písmeno vybere danou položku, a potom Enter na ni konečně přejde.

Přístupná navigace webu pomocí JavaScriptu!

Technologie 05.04.2004
navigace

Za pomoci JavaScriptu je možno navrhnout dynamickou navigaci na webu, která je jak jednoduchá na vytvoření, tak přínosná pro čtenáře (například zvýrazněná aktivní položka menu), protože web jej nezahlcuje množstvím nevyžádaných informací (přitom si ovšem, pokud chce, dané informace rychle zobrazí). Kód je pochopitelně funkční v IE, Mozille i Opeře.

V případě, že je JavaScript vypnutý, jsou zobrazeny všechny položky, "rozbalené". Pokud je JavaScript povolen, je zobrazeno menu se zvýrazněnou aktivní položkou, a pouze daný, zvolený, blok textu, náležející k danému menu. Ostatní bloky jsou za pomoci display:none skryty. V tomto příkladu je použita jen jedna úroveň menu, není ovšem problém vytvářet i sub-menu.

Jak to funguje, pokud by jste si chtěli tento skript zařadit i na svoje stránky? Základem je funkce switchCells(), která jako parametr dostává:

  • currentitem - číslo divu a nadpisu h2, který má být aktuálně viditelný
  • itemtext - text v id divu
  • totalitems - celkový počet divů, prvků, které se přepínají, v daném bloku

S touto funkcí tak můžete přepínat neomezené množství bloků, u mě je to konkrétně:

  • statistika článků
  • statistika komentářů
  • blogroll
  • lokální a google hledání