jQuery plugin snadno a rychle

jQuery pluginy najdou své uplatnění nejen pokud vytvoříte plugin, který bude natolik univerzální a zajímavý, aby se hodil „celému světu“. Vlastní plugin může být i způsob jak zpřehlednit vlastní kód (a učinit ho „reusable“), pokud si vytvoříte třeba i triviální plugin, který využijete na několika místech vašeho projektu. Pokud při vytváření pluginu budete vycházet z „kostry pluginu“, jeho vytvoření může být téměř otázkou minut.

Pokračovat →

Hezké fonty na webu

Nemožnost používání libovolných písem, která jsou dostupná pro DTP, je „odvěkým“ omezením webových stránek. Potřeba ozvláštnit stránku neobvyklým písmem se nejčastěji týká nadpisů. Použít místo skutečného nadpisu (h1, h2, …) obrázek s nadpisem je sice možné, ale zcela neprofesionální, protože zvláště nadpisy jsou důležité pro SEO.

Jaké máme tedy možnosti?

  1. Obrázkový nadpis, který je pomocí CSS pozicován tak, aby vizuálně překrýval nadpis h1, h2 atp.
  2. @font-face – CSS deklarace umožňující plnohodnotně použít libovolný font (písmo je umístěno na serveru, nikoliv v počítači návštěvníka webu)
  3. Cufón – písmo převedeno do JS a zobrazeno pomocí JS knihovny Cufon
  4. sIFR – JS + SWF řešení; písmo převedeno do SWF, JS parsování DOMu a nahrazení elementů s „hezkým písmem“
  5. Jsou tu další možnosti a postupy se shodným principem jako Cufon (např. typeface.js) nebo dynamické generování obrázkových nadpisů na serveru (FLIR).

Pokračovat →

Inspirace z Google Developer Day 2009

Stručné shrnutí některých prezentací z GDD 2009 s kupou odkazů na inspirativní služby a postupy.

Program akce byl souběžně ve čtyřech sálech, v článku níže zmiňuji jen ty přednášky, kterých jsem se sám zúčastnil. Organizátoři uveřejnili videa a PDF slidů z některých přednášek.

Zahájení / Keynote (video – anglicky)

Zahajující prezentace měla nalákat krátkým představením na vybraná témata

  • HTML 5 – stručné představení několika nových možností
  • Google Chrome Frame – opensource plugin pro IE, který umožní IE6, IE7, IE8 (běžící na Windows Vista nebo XP SP2) rychlejší zpracování javascriptu (tak jako ve Chrome Browseru) a zpřístupní nové technologie jejichž podpora je v Chrome
  • Chrome OS – Googlu už nestačí vlastní prohlížeč –  přichází s vlastním opensource operačním systémem postaveným na Linuxu
  • Google App Engine – hostujte své Java aplikace na infrastruktuře Googlu (do 5 milionů zobrazených stránek za měsíc zdarma)
  • Google Wawe – nahradí časem e-mail?
    • Google Wawe API – IMHO možná větším přínosem než samotný Google Wawe je jeho API, které dalším vývojářům umožní vývoj vlastních aplikací, které se už ale nebudou muset starat o technické pozadí komunikace mezi uživateli

Open & Social Web

  • Pokud se sjednotí APIjednotlivých „social“ služeb (Facebook, Twitter, MySpace, …), bude možno vytvářet widgety a aplikace fungující se všemi těmito službami a sdílet/přenášet snadno data.
  • Pokud se usnadní sdílení informací mezi různými zdroji/sociálními sítěmi, nebudou při krachu některého projektu (nedávno např. Pownce, GeoCities) ztracená cenná data a vazby.
  • Chcete svou osobní stránku, která by spojovala a zobrazovala všechny vaše aktivity? Nevýhodou mnoha služeb jako je Facebook či FriendFeed je fakt, že dominantním prvkem v záhlaví stránky je logo služby, nikoliv vaše jméno. Možnou alternativou je Google Friend Connect – jasná snaha Googlu konkurovat Facebooku (viz také screencast v češtině na téma Válka Facebooku vs. Google).
  • OpenID  – pro informaci o výhodách a principu OpenID se můžete kouknout např. na článek na Lupě.
  • cliqset – jedna z mnoha služeb se kterými se v poslední době roztrhnul pytel  – tentokrát se sloganem „Share, discover and discuss your life online“
  • activity streams (beta) – „an extension to the Atom feed format to express what people are doing around web“
  • webfinger(pre alpha) –  služba (protokol) má za cíl odpověď (resp. řešení) na otázku typu „Jak najdu, všechny sociální sítě/služby, které používá ten Jan Novák, kterého jsem včera poznal na konferenci?“ – tj. 

    1) jak najdu všechny služby, aniž bych ho musel hledat v každé zvlášť;

    2) jak snadno poznám, že je to „ten můj“ Jan Novák a ne jeho jmenovec;

    viz také článek Personal Web Directory
  • pubsubhubbub– je protokol (je rozšířením Atom a RSS), pro periodické předávání dat pomocí „feedů“ mezi „vydavatelem“ a „odběratelem“;

    viz také články:

Google Search pro WD & WM (video – slovensky)

Marcel Zavacky, který pracuje v „Search Quality“ oddělení Googlu, se v úvodu dotkl obecných zásad pro vytváření obsahu dobře indexovatelného Googlem. Většinu přednášky však věnoval „povídání“ o boji s podvodnými stránkami a „odkazovými farmami“. Pár myšlenek, které mi utkvěly v paměti nebo poznámkách:

  • Weby, které se častěji mění (typicky zpravodajské servery) Google prohledává („crawluje“) a indexuje častěji než ostatní. IDNES například několikrát denně.
  • Pokud má být indexován text obsažený v PDF nesmí být „v křívkách“. Dle otázek z fóra, je to prý častá chyba, hlavně u letáků, kde si firma nechá udělat PDF z předlohy pro DTP (třeba z PostScriptu v křivkách).
  • V otázce, jak vytvořit „Google-friendly“ AJAXovou aplikaci odkázal na link z prezentace, která bohužel ještě není k dispozici online. Já jsem našel A proposal for making AJAX crawlable.
  • Nekalé praktikypoužívané spamovacími roboty a útoky na webhostingy
    • komentářový spam: robot přidá do diskuzního fóra komentář (s odkazy třeba na Viagru) jako neviditelný text; webmaster si ho nevšimne a proto komentář nesmaže, ale Google ho zaindexuje => pokud se webmaster podívá na stránku jak je uložena v Google cache, skrytý text uvidí (MPC pozn.: nezkoušel jsem)
    • nabourání se do webhostingu a následné:
      • přesměrování Googlebota a jiných robotů, které indexují web na podvržené „více SEO friendly“ stránky
      • přesměrování uživatelů na jiný web;

        pokud se přesměruje pomocí HTTP 301, Google přenese i „body pro pagerank“ na podvrženou stránku; pokud je přesměrování nastaveno tak, aby fungovalo jen pro prokliky z vyhledávačů (lze snadno v .htaccess podmínkou na referrera),

        webmaster si toho nemusí všimnout, protože obvykle na „svůj“ web jde přímo zadáním URL
  • Možnosti obrany, resp. prevence před nekalými praktikami
    • použít Google Alerts pro sledování svého webu a hlídat výskyt typických spamových slov (MPC pozn.: bylo by pěkné, kdyby si seznam takových slov člověk mohl někde stáhnout)
    • použít Google Webmaster Tools pro:
      • zjištění  slov na která se web najde ve vyhledávačích (pokud vás někdo zaspamuje Viagrou, může váš web být k nalezení i na slovo „viagra“)
      • zjištění odkazujících webů
      • zda není váš web vyřazen z vyhledávání pro porušení pravidel, které může být způsobeno i tím, že se „vám tam někdo naboural“;

        pokud ano, po odstranění problémů, můžete Google požádat přes GWT o „oživení“ webu ve vyhledávání  

Zapojení uživatelů / Engaging users

Chewy Trewhella prezentoval různorodé služby, které mohou přispět k tomu, aby se návštěvníci na váš web vraceli, dělali to co chcete (zvýšení konverzí) nebo dokonce přitáhli ostatní.

  • Abychom něco zlepšit musíme vědět, jak se návštěvníci chovají. Můžeme použít Google Analytics a sledovat nejen kliknutí, ale i události. Například „mouseover“ nebo ovládání přehrávače videa a zjistit, že 30% diváků stiskne „STOP“ již v první polovině přehrávání.
  • Nevíte zda více zaujme (=přiměje ke kliku) tlačítko s textem „STAHUJ ZDARMA“ nebo „STÁHNI A HRAJ“? Zkuste A/B testování nebo „multivariate“ testování. Použít můžete Google Website Optimizer.

    Pokud budeme chtít otestovat například zmíněné tlačítko, v praxi to znamená, že budou existovat dvě stránky – každá s jiným textem na tlačítku. Návštěvníkovi se náhodně zobrazí jedna z 2 (A/B) variant. Pro každou z variant stránky bude spočítána návštěvnost a zajistit musíme i počítání prokliků pro každé tlačítko zvlášť. Výsledkem bude konverzní poměr (počet prokliků/počet zobrazení stránky) pro varianty A a B.
  • Google Web Elements vám umožní snadno do svých stránek vložit boxy (widgety) s obsahem Googlích služeb jako jsou:
    • Kalendář,
    • Google Maps,
    • Conversation (mini diskuze),
    • News (odkazy na články z vybraných zdrojů a dle vybraných témat),
    • Custom Search (upravte výsledky vyhledávání, aby odpovídaly vašemu designu; vyhledávejte jen ve vybraných doménách)
    • Google Docs Spreadsheets & Presentations
  • Google Maps GUI pro vaše vlastní (nejen) mapy – věděli jste, že GUI (šipky, posuvník pro zoomování atd.) Google Maps na které jsou všichni zvyklí, můžete použít i pro svou vlastní mapu nebo třeba i jen velkou panoramatickou fotku? Více na:
  • YouTube APIs and Tools
    • Player API – možnost upravit si přehrávač graficky (změna parametrů EMBEDovaného objektu) nebo funkčně (vlastní tlačítka, vlastní volání událostí play/stop a dalších)
    • Data API – možnost prohledávat videa, zjišťovat související videa, nahrávat videa aj. z vlastní webové aplikace
    • Widgets
  • Google AJAX Feed API – API vám umožní přístup k libovolnému veřejně dostupném RSS či Atom zdroji; takto získaná data může dále využit ve svých JS aplikacích nebo navázat na jiná API (třeba Google Maps)
  • Google Friend Connect – aneb i Google chce mít „svůj Facebook“. Google se ale spíše zaměřuje na propojení vašeho webu/blogu a sítě vašich přátel, resp. příznivců vašeho webu. Snadno si tak do webu můžete vložit boxík (widget) s minidiskuzí, anketou, možností hodnocení obsahu apod.
  • Google AJAX Language API – umožňuje přeložit libovolnou část stránky (nebo jen zadané slovo) pomocí Javascriptu (viz ukázku)

Vývoj API / Building an API

Vadim Gerasimov prezentoval zásady, kterých by se měl vývojář držet při vytváření API. Hlavní důraz kladl na důsledné zapouzdření a intuitivně pochopitelné názvy metod a argumentů. Mnoho zmíněného by se dalo zařadit do obecnější škatulky „Jak se správně dělá OOP“. Škoda, že prezentace není (zatím?) online.

Start-up as a Service (Roman Staněk, GoodData) (video – česky)

Záznam celého povídání Romana Staňka o tom jak se zakládá, provozuje a prodává IT firma je na http://www.youtube.com/watch?v=O2IBQiHfTsI (česky). 

Google Code  – Seznam služeb

http://code.google.com/intl/cs/more/

Co napsali o GDD 2009 jiní

WebExpo 2009 – nejen pro webaře

Kupa inspirace z konference WebExpo 2009 v bodech.

Ve dnech 16.-18. 10. 2009 se v Praze konala největší česká odborná konference o webu Webexpo. Přednášky probíhaly souběžně ve čtyřech sálech (proto jsem mnohé zajímavé musel oželet) a jejich obsah pokrýval témata, která upoutají nejen webdesignéry, webdevelopery a programátory, ale i multimedia developery, obchodníky, marketéry – de facto všechny profese, které se točí kolem internetu. Program konference můžete posoudit sami.

Pokračovat →

Jednou klikni a publikuj

Není to nadsázka! Skutečně dnes najdete spoustu webových služeb, které vám umožní publikovat vaše texty, poznámky, dokumenty, fotky, videa či MP3 nahrávky jedním kliknutím.

Přemýšleli jste, že byste si také založili blog, protože také chcete být cool a dát o sobě vědět světu?:-) Zkusili jste, ale vzdali jste to, protože nemáte tolik času, abyste si hráli s formátováním článku, vkládáním fotek, zkoumáním, jak zkonvertovat video pro web apod.?

Nebo si vůbec říkáte, že efekt není úměrný vynaloženému úsilí?

Lidí, kteří nepotřebují propracovaný blogovací systém je rozhodně dost. Rozhodně dost na to, aby se z nich stala vhodná cílová skupina pro tzv. mikroblogy a další služby pro snadné sdílení a prezentaci textů, dokumentů a multimédií. Mikroblogy obvykle nemají tolik propracovanou správu článků, neumožňují vytváření struktury blogu (rubrik) a mívají jednodušší WYSIWYG editor. Tyto zápory jsou (alespoň na první pohled) vyváženy jednodušším ovládáním.

Pokračovat →