WebZdarma.cz
Martyho weblog o žonglování a webdesignu

Martyho weblog o žonglování a webdesignu

↓ skok na navigaci

Neklamnou známkou toho, že je s tímto blogem něco v nepořádku, je častost mého publikování v poslední době. Stačí se podívat do Archivu a musí vám být jasno. Zkrátka tu chcíp pes.

Nechci se nijak omlouvat, i když vím, že jsem nepsal, protože jsem pracoval, nebo si užíval svého věku (podle některých zdrojů mi již v 19 ujel vlak, zdravím Kačerov). Takhle by to ale dál zkrátka nešlo. To je prostě fakt.

Ti chytřejší z vás (a u mých čtenářů je to 100 ze 100) už asi tuší, na co vás předchozí odstavce připravují. Na co to tedy dál odkládat, zkrátka a dobře Martyho weblog definitivně končí.

Blogoval jsem skoro dva roky. Za tu dobu jsem napsal bezmála 200 článků, ke kterým jste vy čtenáři přidali přes 600 komentářů. Byly to skvělé dva roky, které mi přinesly mnoho zkušeností ale tak nějak vnitřně cítím, že je čas skončit.

Někteří z vás se asi radují, že další kvákal už dopsal, a někteří jsou (možná) trochu nešťastni, že přišli o zajímavé články. Už ze slušnosti by se hodilo uvést, jaké že to důvody mě vedly k seknutí s blogováním. V podstatě je jich několik:

Maturita
Příští rok mě čeká maturita a po mých letošních eskapádách s vysvědčením (kdy jsem prošel jen proto, že jsem zkoušejícímu koupil novýho Mercla), mám pocit že bych se mohl začít chovat trochu zodpovědněji. Uzavírání blogů kvůli maturitám se stalo trochu folklórem, až na to, že jejich autoři je po úspěšném odmaturování opět oživili. Já toto udělat nehodlám.
Nedostatek času
Teď se asi někteří z vás (ti, co jsou mi nejblíže) pousmáli. Nechci tvrdit že kvůli práci nemůžu spát déle jak 3 hodiny denně. Na napsání kvalitního článku však nějaká ta hodinka potřeba je, a tento čas budu raději věnovat jiným, více či méně příjemným věcem, které jsou vyhrazené mému věku.
Nedostatek kvalitních témat a únava (tzv. vypsání) autora
Co k tomuto říci? Zkrátka je to tak, autor již nepatří mezi nejmladší a sotva se někde objeví něco zajímavého, už o tom napíše několik blogů a nemá cenu to omýlat znovu.

Také bych chtěl uvést, že s blogováním končím definitivně a nehodlám za půl roku založit weblog někde jinde. Pokud se setkáte s mým autorským podpisem, pak maximálně pod některými studiemi či články na Lupě nebo na jiném odborném e-zinu.

Velmi rád bych poděkoval pár lidem, kteří mají na mém úspěšném, po dva roky trvajícím blogování, lví podíl. Z větší části sami blogují, čili jim skládám čest i za to, že se stále drží a píší zajímavé články. Takže vážení, vážím si vás a díky především: Janu Kadlecovi, mecovi, Zimmimu, Petyrovi, Karlovi a Timymu. Stejně tak velké díky vám všem, kteří jste mé články (třeba občas i s chutí) četli.

Abych si však trochu odlehčil od nostalgické nálady a vás čtenáře něčím potěšil, pracoval jsem v posledních pár dnech na novém webu. Jsem tedy rád, že s ukončením činnosti weblogu mohu oznámit spuštění martyho portfolia.

Na samostatné doméně (která mi zároveň slouží i trochu jako skladiště) tak najdete tu trochu informací o mé osobě, které vám tu prý tak chyběly. Jen bych rád dodal, že jsem se při jeho tvorbě naprosto odpoutal od svazujících konvencí. Portfolio tedy může být trochu nepřístupné, či trochu nepoužitelné, ale důležité je, že se líbí mě a snad se bude líbit i vám. Za fotografie musím poděkovat svému dlouholetému kamarádovi Filipovi [filiptruhlar@seznam.cz], myslím že se opravdu povedly.

Myslím že vše důležité bylo již řečeno, a jen bych dodal, že s tvorbou webu a zejména odbornou činností na internetu však rozhodně nekončím. S většinou z vás se budu potkávat na různých fórech či diskuzích (ne-li přímo osobně) a je tedy zbytečné se srdceryvně loučit a prolévat potoky slz. Zavřete oči, odcházím...

23:42:04 | Zařazeno v kategorii Webdesign | Komentáře (8)

Máte-li stránku s DTD označujícím ji jako XHTML, měl by být MIME typ této stránky: application/xhtml+xml (tato problematika je skvěle rozebrána u Timyho).

Jestliže však budete toto pravidlo dodržovat, může se stát, že se vaše stránky občas nezobrazí. Některé běžně používané webové prohlížeče totiž u takových stránek kontrolují, zda jsou well-formed a pokud nejsou, zobrazí chybové hlášení (a na stránku si můžete nechat zajít chuť).

Velký počet lidí z tohoto důvodu XHTML s tímto MIME typem vůbec nepoužívá a jsou spokojeni. Nemají sice opravdové XHTML stránky, ale v případě zapomenutí nějakého toho tagu se stránky alespoň nějak zobrazí.

Nedá se říci, že bych byl nějaký velký zastánce standardů, ale svůj poslední výtvor opravdu kóduji v XHTML se všemi náležitostmi (tedy i s application/xhtml+xml MIME typem). Až dnes jsem se ale prakticky setkal s nevýhodou této sestavy.

Ukázka nezobrazení stránky v případě chyby s MIME typem: application/xhtml+xml

V odpoledních hodinách jsem měl prezentaci své semestrální (zní to lépe, než opravdový název) práce, která se týkala tvorby webu. Všechno běželo podle plánu, mluvil jsem a předváděl co všechno stránky umí, až hups... V milém Firefoxu se zobrazila chybová hláška, protože jsem zapomněl na uvozovky. Nezbylo mi tedy nic jiného, než se omluvit a vysvětlit, kde vznikla chyba (ale když se tak dívám zpět, zvažuji kolik lidí opravdu pochopilo, o čem jsem mluvil).

Nic hrozného se nestalo a svou práci jsem se zdarem odprezentoval. Uvědomil jsem si ale, že kdyby byl web v ostrém provozu, už bych se trochu styděl za špatně odvedenou práci. Velmi nerad bych byl příčinou návštěvníkových starostí, kdy se mu místo skvělé (jak jinak) stránky zobrazila jen jakási podivná chybová hláška.

Rozhodně nechci tvrdit že MIME typ application/xhtml+xml je špatný. Jen je dobré si velmi dobře rozmyslet jeho uplatnění. V některých případech může být velmi užitečný (například na stránce, kde si zobrazuji náhled psaného článku ve weblogu, tímto způsobem částečně ověřuji validitu), ale v ostatních případech může také vést k naprosté nepoužitelnosti stránek (pokud se uklepnete a zapomenete ten proklatý tag ukončit).

Související: Nepřístupné XHTML - Timy

19:53:45 | Zařazeno v kategorii Webdesign | Komentáře (21)

Tato kniha je po DHTML Utopia druhou publikací o tvorbě webu napsanou v angličtině, kterou jsem přečetl. Bulletproof Web Design (v češtině Neprůstřelný webdesign) je druhým spisovatelským počinem Dana Coderholma, zakladatele webu simplebits.com/. Jako první vydal Dan knihu: Web Standards Solutions, která vyšla v českém překladu s titulem: Webdesign s webovými standardy. Tuto knihu jsem zde recenzoval a v konečném shrnutí jsem ji ohodnotil jako velmi zdařilou.

Neprůstřelný webdesign se má v blízké době dočkat českého překladu a tak rozhodně nebude na škodu, když vás tu stručně seznámím s obsahem a kvalitou této publikace, kterou si budete moci (snad v brzké době) pořídit třeba u mě na krámě.

Jak jsem již zmínil, obsahem knihy je práce s (X)HTML a CSS, konkrétně je hlavním tématem řešení ošemetných záležitostí, jako jsou například: flexibilní (roztahovací) boxy s kulatými rohy nebo 100% funkčnost webu s vypnutými obrázky, nebo kaskádovými styly. Ačkoli se mohou někomu podobná témata zdát nudná a už stokrát omílaná, můžu vás ujistit, že budete stále objevovat něco nového.

Bulletproof Web Design je totiž jednou z velmi malého počtu přečtených odborných knih o webu za poslední dobu, která mi něco dala a něco mě naučila. Před přečtením knihy jsem rozhodně neměl potuchy o atributu scope u nadpisu řádku či sloupce tabulky a rozhodně jsem také neměl představu o tom, že CSS deklarace border-collapse: collapse v IE/Mac nefunguje.

Opět mi může někdo tvrdit, že tyto a podobné vědomosti nejsou zásadní a že od této knihy by očekával něco víc. Jak ale prakticky v každé své předchozí recenzi knih zdůrazňuji, něco opravdu velkého se ve fázi, kdy (X)HTML a CSS už trochu rozumíte, naučíte jen těžko. Věcí ohledně (X)HTML a CSS není tolik, aby se nedaly naučit a pak už člověk objevuje jen drobnůstky, jako já v recenzované knize.

Grafická úprava textů a obrázků je velmi dobrá. Text je psán dobře čitelným, velkým písmem a ve vhodných intervalech je prokládán zdrojovými kódy a screenshoty. Občas také v pravé části stránky můžete nalézt zelený box s tipem k právě probíranému tématu.

Ačkoli je kniha psaná v angličtině, dá se přečíst celkem rychle a pokud vládnete alespoň středně pokročilou angličtinou, nemusíte se jí bát.

Nedá se říci, že by se mi na knize něco vyloženě nelíbilo (možná mohla být o něco delší), takže jí ohodnotím za špičku v současné nabídce knih o (X)HTML a CSS. Pokud zvládnete anglický originál, sežeňte si ten a nebo si počkejte na český překlad (otázka data vydání je však nezodpovězená).

16:58:45 | Zařazeno v kategorii Knihy | Komentáře (3)

Tento článek je volným překladem článku Calling All Designers: Learn To Write, který vyšel na webu A List Apart.

Všichni to známe. Klient řekne: "Navrhněte jen design. Obsah přidáme později." Nebo naopak designér řekne: "Tady je grafický návrh, jak by stránka mohla vypadat. Místo textů jsem použil nějakou nesmyslnou hatmatilku, protože to není moje práce." Bohužel tohle ale není ta správná cesta.

Může být módní říkat: "design je o komunikaci s uživatelem", ale jak to může být pravda, když designéři nepracují s textem?

Pocity uživatele neovlivní jen vizuální dojem

V určitou dobu o sobě my designéři přestaneme přemýšlet jen jako o tvůrcích obrázků, a začneme o sobě přemýšlet jako o tvůrcích pocitů. A když naše pocity přeneseme na web, není lepší tvůrčí cesty, než psát a psát dobře.

Pojďme se podívat na všemi oblíbený příklad jak to dělat správně, na web Flickr.com. Zeptejte se pár lidí, jaký dojem na ně dělá web Flickr.com a oni určitě použijí slova jako "zábavný" a "přátelský" při popisování pocitů.

Proč tomu tak je? Na černém textu na bílém pozadí přece není nic zábavného. Není tam přece nic přátelského, akorát nahrávání fotografií a tagování. Jistě, povětšinou veselé téma fotografií se promítá do uživatelských zkušeností a weby se společenskými tématy mají na uživatele vždy pozitivní vliv, ale já si myslím, že tu jde o něco jiného.

Říkám Vám: Je to psaním. Přátelství vyzařuje ze starého dobrého textu. Když navštívíte tento web, přivítá Vás pozdrav v náhodném jazyce. Hola! Salut! Shalom! Když se přihlašujete do uživatelské sekce, na tlačítku pro přihlášení je text "Dostaň se dovnitř" namísto "Odeslat". Když nahráváte (uploadujete) fotografie, zakládáte skupinu, nebo přidáváte kontakt jsou všechny přítomné texty otevřené, povzbuzující, veselé a zajímavé. A to se samozřejmě celkově podepíše na dojmu, který si uživatel odnese.

Text jako komunikační prostředek

Text nemá jen reklamní účely (i když samozřejmě trochu také). Je to hlavní spojení s uživatelem. Takové texty, jako jsou na webu Flickr.com, nepřichází z PR oddělení, takové texty přichází od nás. Text je víc, než jen část UI (uživatelské rozhraní) jako barvy a pixely. Je to věc o kterou se designéři občas zabývají. Kéž by tomu bylo více.

Vezměme jiný příklad - web který jsem objevil se též týká fotografií. Photojojo je web vytvářený s láskou, jehož autoři jsou: Amit Gupta a Kara Canal. Jde o týdenní newsletter, a autoři zřejmě stráví mnoho času psaním newsletteru. Rozhodně také stráví více času pečlivým vybíráním slov než jinde.

Když příjdete na tuto stránku, uvítá Vás tento text: "Gratulujeme. Je to Váš šťastný den. Objevili jste jeden zatraceně pěkný fotografický newsletter." Pod emailovým formulářem pro podepsání odběru newsletteru najdete krátký text týkající se ochrany osobních údajů (konkrétně e-mailu). Tento text však neříká nic suchého ve stylu: "Informace nebudou poskytnuty třetí straně." Říká "Slavnostně přísaháme: Žádný spam, nikdy." Pokud se odvážně rozhodnete přečíst si stránku O nás, budete odměněni zábavným příběhem, jak se ti dva rozhodli založit tento web. Žádný reklamní trik, jen dva lidé, kteří jsou opravdu zaujatí tím co dělají.

Teď odhlašuji každý newsletter, který jsem si jednou zaregistroval a nikdy jsem se nevrátil zpět. Nesnáším emaily. Když web použil tradiční jazyk nikdy jsem se nepodepsal k odběru newsletteru. Ale jejich vzrušení bylo nakažlivé, a tak jsem tedy vložil svojí adresu. Kliknul jsem na odeslání a zpráva kterou jsem na jejich webu obdržel? "Kamaráde, ty válíš". Zatraceně dobré.

Dál než lorem ipsum

Pokud jste někdo, kdo si najímá designéry, zeptejte se jich, co rádi čtou. Mluvte s nimi o jejich výběru slov na každém tlačítku, odkazu, titulku. Je to designérská práce, přemýšlet o vašich webech jako uživatelé. Řekněte jim co chtějí uživatelé slyšet a kdy to chtějí slyšet. Dobrý designér by měl být schopný takto přemýšlet. A když Váš designér řekne "Nejsem textař", je možná čas najít si někoho, kdo jím je.

Pokud jste designéři, kteří o sobě nepřemýšlí jako textaři, je čas to změnit. Kupte si nějakou knihu o psaní (copywritingu), udělejte výzkum na webu, nebo si vezměte hodiny psaní. Design je o komunikaci, a bere víc než pixel ke komunikaci.

P.S. Tento článek není doslovným překladem, v drobných detailech se může lišit. Pokud se Vám bude zdát, že jsem v překladu udělal chybu, dejte mi vědět. Za pomoc při překladu skládám díky Daře.

P.S.2. Když už jsme u toho copywritingu, objevte jeho sílu ve článku: O žebrákovi a dobrém copy.

22:24:34 | Zařazeno v kategorii Webdesign | Komentáře (7)

Když jsem dříve chtěl otestovat vzhled webu tak, jak ho vidí zrakově handicapovaný uživatel, používal jsem většinou různé online nástroje na internetu. Jejich nevýhodou je celková pomalost a zejména nutnost mít počítač připojený k internetu.

Dnes jsem však narazil na nástroj Visual Impairment Simulator, který umožňuje simulovat zrakový handicap přímo na Vašem počítači. Instalační soubor má asi 2MB a po instalaci a spuštění programu už můžete na Windows aplikovat tzv: filtry a na vlastní oči vidět, jak na tom je uživatel například s určitým druhem barvosleposti.

Nevýhodou programu je to, že trochu zpomaluje Windowsy, ale nemyslím, že by šlo o něco zásadního. Jeho jasným kladem je, že prakticky na vlastní kůži vyzkoušíte, jak web vidí zrakově handicapovaní uživatelé.

16:53:48 | Zařazeno v kategorii Nezařazeno | Komentáře (0)

nahoru ↑

Navigace

Prohledat články

Kategorie článků

Archiv

O čem píšu

Účelem Martyho weblogu je zaznamenávat zajímavé události a názory autora pro široké spektrum čtenářů, zejména z oblasti žonglování, webdesignu a SEO.

Doporučuji

Copywriting – profesionální texty na web od zkušeného copywritera.

Copywriting – jak psát úspěšné obchodní texty.

Pascal tools - Upravovač zdrojových kódů programů vytvořených v jazyce Pascal.

Vymezovací kroužky

Výčepní zařízení od Bahnik.cz

Jak na vraceni poplatku

Taxi Praha

FINKO - www prezentace

Vybírejte stany s námi

Deratizace

RSS


Copyright © 2005 Marty | email: zongler@gmail.com | nahoru ↑ | Český katalog stránek

WebZdarma.cz