Webdesign

Na některých webech je k vidění vyhledávací políčko, které obsahuje nějaký text, např. „hledání zde“ nebo „zadejte výraz“ nebo tak něco. Naposledy jsem na to narazil na webu PHPism, kde vpravo nahoře je v políčku napsáno „search PHPism.net“. Taky mám silný pocit, že to dřív bývalo na Intervalu. Po kliknutí do políčka text zmizí, po opuštění políčka se text opět objeví (tedy, jak kdy!).

Prosím, nenuťte mě používat tato technologicky vyspělá, ale jinak zcela stupidní políčka. Chápu, že když je vedle pole tlačítko „hledat“, tak mám pravděpodobně vložit výraz k vyhledání. Nepotřebuji to mít napsané podruhé. Nepotřebuji úžasný JavaScript efekt. Nepotřebuji se snažit smazat text, který přede mnou JavaScript právě schoval. Chci jen malé, útlé, pěkné a čisté políčko.

Jak testovat webové stránky, resp. aplikace? Nejjednodušší je otevřít browser of choice, naťukat URL a zkoušet. Jak ale vyzkoušet mnoho různých scénářů, případně test provádět opakovaně? Na to už se bude hodit nějaký nástroj.

Existuje jich mnoho, na hostingu s PHP lze využít např. SimpleTest. Dobrým úvodním článkem je Coding a Login Box Shouldn't Hurt, po jehož přečtení lze s automatizovaným testováním ihned začít. Podrobnější pohled na problematiku webového testování nabízí článek Website testing with TestGen4Web and Firefox, který mimo jiné upozorňuje na zajímavé rozšíření Firefoxu jménem TestGen4Web, které umí akce vyvolávané na stránce zaznamenávat do XML souboru a ten potom přehrát. Navíc podporuje externí nástroje jako např. zmiňovaný SimpleTest.

Update: ASP.NET vývojáři mohou použít komponentu RoundedBox, která vykreslování kulatých rohů zvládá snadno a s velkou elegancí. Viz také Znáte RoundedBox?.

Zaoblené rohy (známé též jako kulaté rohy, oblé rohy nebo anglicky a výstižně rounded corners) jsou jednou z nejčastěji požadovaných CSS technik. Kupodivu je tvorba zaoblených rohů netriviální záležitost, ke které existuje kupa přístupů. Dobrý přehled si člověk může udělat třeba na stránce CSS discuss – Rounded corners.

Podle mých uživatelských zkušeností je největší slabinou AJAX aplikací nemožnost zmáčknout tlačítko Zpět nebo si přidat stránku do bookmarků. Ve Firefoxu mi navíc v Centrum mailu vadilo, že si nemůžu dopis otevřít v novém tabu. Paradoxně jsem tak nějaký čas preferoval Lite verzi, která AJAX nepoužívá.

Zdá se však, že se blýská na lepší časy. Řešením by mohl být framework Really Simple History.

Když už budu studentům dávat k dispozici instalaci Moodlu na své soukromé doméně borber.com, řekl jsem si, že by se na ně z hlavní stránky mého webu mohlo koukat něco jiného než phpinfo().

Dřív jsem byl zvyklý si všechno dělat sám, takže v této situaci bych spustil TopStyle a začal bušit HTML kód. Poslední dobou jsem ale velmi příjemně zhýčkaný různými systémy, ať už se jedná o WordPress, na kterém běží tento blog, nebo o DokuWiki, která vyřešila nepříjemný cyklus FTP > edit HTML > save > view. Koneckonců sám Moodle je dalším XMS, se kterým jsem se v posledních týdnech potýkal. Když umí tyhle systémy vyřešit prakticky vše, proč by mi nemohly pomoct s osobní stránkou?

Asi tak před rokem a půl by titulek mohl znít „Jak mě nadchnul Firefox“. Skutečně, tehdy to pro mě byla v mnohém spása – od zvýšené bezpečnosti až po komfortní webdesignerské nástroje.

Dnes jsem si na IEBlogu přečetl Hello from LA! (tam se koná letošní velkolepá PDC, která odhaluje dloooooouho připravované technologie, mimo jiné i IE7) a to, co se tam píše, mě opravdu nadchlo.

Osobně bych rád IE používal, protože ač dnes se zobrazováním stránek ve FF nemám v 99% případů problém, přeci jen je brouzdání s IE větší jistota, že ten web poběží.

Jak jsem už psal, v těchto dnech vytvářím nový skin pro Moodle. Je to pro mě nová zkušenost nejen proto, že poprvé dělám tabulkový layout, ale také proto, že poprvé dělám design ke kódu, který jsem si nevygeneroval sám. Vůbec se v onom HTML nevyznám a bez těch správných nástrojů bych byl asi úplně ztracený. O jakých nástrojích mluvím?

Tím prvním je Web developer toolbar. Popravdě se mi s ním nepracuje moc dobře, ale pár věciček umí. Je to ale celé takové nedotažené, no myslím, že bych se bez toho i obešel.

Vždycky jsem byl přívržencem standardů. Ne, nejsem fanatik. Stránky typu Webylon mě nepobuřují, ba právě naopak, kritika standardů mě zajímá. Layout svých webů, ač jich moc nebylo (dělal jsem jen bozideti, stránky Polabinám, ze kterých nakonec stejně sešlo, a nakonec ještě golfový webík pro pana Valáška), jsem vždy dělal pomocí divů a CSS. Bylo to o něco pracnější, ale idea oddělení obsahu i formy zvítězila.

V těchto dnech, kdy Hanka odjela za Jitulí a já se můžu nerušeně věnovat „svým věcem“, dělám stránky pro své budoucí studenty. Jsou tím prvním, co od začátku neprogramuji sám, naopak stavím na docela pěkném CMS (Course Management System) jménem Moodle. A jak už to tak bývá, stavět na něčem má kromě svých samozřejmých výhod také pár nevýhod, např. že se člověk musí smířit s tím, co dostane do rukou. Jak se však správně říká, darovanému koni na zuby nehleď.

Narazil jsem na nevšední web s názvem Hulanator. Příklad vygenerovaného „hulán-textu“ zde. Web je geniálně dotažen do nejmenších detailů, mooc jsem se pobavil.

Naprosto mě dostává, že www.softpedia.com odkazuje na velmi šikovný katalog nejrůznějších prográmků, zatímco softpedia.com (bez www) ukáže jen prázdnou bílou stránku. Tento stav trvá už minimálně několik měsíců a moc nechápu, proč chce softpedia přicházet o potenciální návštěvníky tím, že jim zobrazí krásně čistou bílou stránku.