Hardware

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 😉

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...

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.

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.

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.

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í

Stíny pod písmem, obrázkem, či citací jsou, a vždy budou, designérsky nesmíně populární. Je to technika jak plochý prostor webových stránek oživit. Tento článek Vám ukáže jak na stíny jen v CSS, aniž by jste museli měnit (X)HTML kód!

1976design.com je blog, který přichází s mnoha zajímavými technikami ohledně využití CSS. Zatímco někteří dělají stíny pod obrázkem pomocí 6 vnořených divů, každý s marginem +1px, , Dunstan navhl řešení mnohem lepší, které, navíc, umožní jen změnit CSS soubor a Vaše obrázky není nutné obalovat 6 divy či sázet je do poziciovaných tabulek.

Je to velice pěkné a čisté řešení, jedná se pouze o změnu CSS a není nutné doplňovat nic do kódu Vašich článků!

Řešení 1976design.com, spočívá ve vytvoření pozadí s background obrázkem, obrázek má velikost cca 3.5kB, při velikosti 800x800px, což postačí na veškeré běžné ilustrace (prakticky nikdy nemají větší rozměry). Obrázek je definován jako background-image v CSS, natáhne se tudíž jednou do cache prohlížeče, a pak je použit na každou ilustraci.

Interface:

• Ctrl+B: zobrazí klávesové zkratky.

Okna:

• pravým tlačítkem myši na odkaz + dolů: otevře odkaz v novém aktivním okně.
• pravým tlačítkem myši na odkaz + dolů + nahoru: otevře odkaz v novém okně na pozadí.
• pravé tlačítko myši + pohyb dolů: nové okno.
• Ctrl+N: nové okno.
• Ctrl+Alt+Shift+N: duplikát stávajícího okna.
• Ctrl-Tab: přepínání mezi okny!
• pravé tlačítko myši + nahoru + dolů: refresh stránky.
• Ctrl+R: refresh stránky.
• Ctrl+Shift+klik: otevře odkaz v novém okně na pozadí.
• pravé tlačítko myši + dolů + doprava: zavření aktuálního okna.
• Ctrl+W: zavření aktuálního okna.

Na css.maxdesign je volně dostupný velice povedený pokročilý tutorial CSS, jsou zde vysvětleny velmi názorně veškeré CSS selektory a jejich použití. Doporučuji!

Taky jsem začal používat Style Master 3.5, povedený program, lepší než TopStyle Pro, umožňuje vizuální tvorbu a návrh CSS souborů, s tím, že vytváří dynamické preview, a to i pro pokročilé selektory, umí také velice dobře pracovat s barvami a ladit v něm barevné palety je... zábava.

Stále zvyšující se počet návštěvnosti na mém blogu tvoří search engines, s tím, jak se zvyšuje počet článků, a to zejména google.com, seznam.cz a jyxo.cz.

Nicméně, jak zjišťuji z logů, občas google, seznam, či jyxo zalinkuje přímo titulní stránku blogu, tedy myego.cz. A zde je problém, čtenář totiž nehledá, typicky, titulní stránku blogu, ale něco jiného, nicméně, search engine jej poslal na titulku, protože tam, před nějakým časem, ten článek byl...

Řešení? Využít header("Location: $url");, kde parametrem URL bude ?query=hledana+slova. Čtenář, který přijde na titulku ze search engine, je tedy automaticky přesměrován na hledání těch samých slov na mém blogu.

Chcete si to vyzkoušet? Zkuste na google.com vyhledat slovo "občasný" a klikněte na první link. Ocitnete se nikoliv na myego.cz, ale na myego.cz/?query=občasný ! Přitom hledaná slova jsou kódována v UTF-8, blog v ISO-8859-2... 😉

PS: přesměrování záměrně nefunguje pro slova "hulan", "hulan.info" nebo "o'blog". Pokud někdo hledá tato slova, předpokládám, že jej zajímá právě titulní stránka blogu 😉

Již dříve jsem implementoval to, že pokud hledáte třeba "Jak na Apache", přivítá Vás na mém blogu hláška, ze kterého search engine jdete, a, navíc, hledaná slova na google, seznam, či jyxo, se přes ereg_replace zvýrazní za pomocí <span class='highhlight'>...</span>

• Hledej na jyxo.cz.
• Hledej na seznam.cz.
• Hledej na google.com.