Posts with tag Internet
Jak psát web a ti druzí
Přehled nabízí pár stránek, kde hledat relevantní informace o tvorbě webu, HTML, CSS, Javascriptu a atd. v českém nebo anglickém jazyce.
Web Jakpsatweb.cz asi zná každý, kdo má co dočinění s programováním v HTML a CSS. Tento web drží nejen prvenství jakožto zdroj relevantních informací o HTML a CSS v českém jazyce obecně, ale díky oblíbenosti u mnoha programátorů je na Googlu zobrazován na první pozici i na obecné klíčové slovo "jak". Toť perlička na úvod, ale pojďme k věci.
Na webu najdeme nespočet článků a ukázek kódu, které využije především začátečník, ale zabrousí tam zajisté i nejeden "profík", pokud si zrovna není jistý nějakým detailem. Zejména bych vyzdvihnul dobře spracovaný seznam HTML tagů a CSS atributů. Abych ale jen nechválil jeden web, nabízím anglicky psané alternativy.
První z nich je ucelený a velmi přehledný seznam CSS atributů na webu CSSCreator.com. V přehledu je uvedena kompatibilita s prohlížeči, po rozkliknutí potom najdeme možné hodnoty, které může daná vlastnost nabývat.
Nejen na HTML, CSS, ale i na JavaScript, HTML DOM, XML, XSLT a další webové záležitosti se zaměřuje web W3Schools, který, jak název webu napovídá, sleduje aktuální trendy konsorcia W3C, které se neomaleně řečeno stará o standardizaci všeho, co se webu týká. Autor stránek se sice zříká zodpovědnosti za správnost obsahu, nicméně informacím zde uvedeným můžeme bez rozpaků věřit.
No a výčet završím sice trochu více specifickým projektem, zato informace na něm zveřejněné je dobré mít vždy na paměti nebo alespoň mezi Bookmarky. Jedná se o přehled standardních webově-bezpečných fontů, včetně jejich korektní definice v CSS. Proč je důležité dobře vybrat font a správně ho zapsat do definice stylu, se kromě jiných typografických záležitostí dozvíte na stránkách www.typomil.com.
add comment
view posted comments (0)
IE Tester a Browser Sandbox
Tento článek navazuje na předešlý příspěvek a dozvíme se o dalších možnostech, jak odladit HTML a CSS pro všechny prohlížeče.
V nedávném postu jsem se zmínil o kolekci MSIE, která obsahuje instalace všech dodnes používaných verzí Internet Exploreru i starších, dnes již nepoužívaných. Podobný nástroj využije zejména webdesignér, který chce mít stránky optimalizované pro všechny prohlížeče.
Kamarád mě nicméně upozornil, že zmíněná kolekce nefunguje pod operačním systémem Windows 7, což je docela závažný problém. Zároveň mě ukázal zajímavý projekt, který pod označením IETester nabízí Internet Explorer ve verzích IE5.5 až IE8, včetně nejvíce proklínaného a doposud bohužel uživateli hojně používaného IE6. Aplikace neobsahuje konkrétní prohlížeče, ale emuluje jejich chyby v zobrazování, takže účel plní dobře a stránky lze i pro IE6 odladit celkem bez problému.
A aby toho nebylo málo, narazil jsem na další projekt, který slouží k podobnému účelu, ale na celou věc jde ještě trochu jinak. Projekt můžeme najít pod označením Browser Sandbox a nabízí kromě Internet Exploreru ve verzi 6, 7 a 8 i Firefox ve verzi 2, 3 a 3.5, Safari 3 a 4, Google Chrome a Operu ve verzi 9 a 10. Nejzajímavější na tom ale je, že se ve skutečnosti jedná o online aplikace, tedy dostupné z kteréhokoliv prostředí přes web, ovšem před spuštěním je potřeba si nainstalovat do prohlížeče jakýsi plugin. Bohužel až přiliš často místo spuštění vybraného prohlížeče vyskočí chybová hláška, až tohle autoři vychytají, bude to paráda.
A proč že tyto všechny nástroje? Inu, dokud bude uživatelů zejména IE6 více než mizivé množství a webdesignéři budou chtít ladit své stránky pro všechny používané prohlížeče, nemají na vybranou.
MSIE 5, 6, 7, 8 Developer Collection
Jak mít všechny myslitelné verze Internet Exploreru na jednom počítači? Máme řešení!
Přesto, že podle oficiálních informací je Internet Explorer 6 už mrtvý (zemřel po 8 letech 1. března 2010), stále se najde nemalé procento uživatelů (podle w3schools je to i dnes slabých 10%, což je nepříjemně mnoho), kteří tento zoombie prohlížeč používají. Díky těmto "zaostalcům" (zaostalých často ne vlastní vinou) si mnoho webdesignérů a kodérů může rvát vlasy se stále stejným, dokola se opakujícím, problémem: "Ve všech prohlížečích dobré, v IE6 úplně rozházené". Mnoho hodin strávených nad nesmyslnými úpravami je realita mnoha HTML/CSS kodérů. Docela by mě zajímalo vyčíslit ztráty všech firem celosvětově, které byly zapříčiněny laděním IE6. To by bylo číslo, panečku!
Z HTML a CSS standardů si prostě před osmi lety nikdo v Microsoftu hlavu nedělal, což má za následek často nepředvídatelné chování prohlížeče. Pokud tedy chceme vytvořit přístupnou aplikaci, musíme se ještě pár měsíců a možná i pár let zabývat mimojiné i prohlížečem IE6. A protože standardním způsobem můžeme mít jen jednu instalovanou verzi, musíme hledat alternativy.
Dlouhou dobu používaná, nicméně nyní nepoužitelná (alespoň u mě již nefunguje) varianta je MSIE Developer Pack. Dnes jsem našel daleko lepší a stále udržovanou variantu s příznačným označením Internet Explorer Collection, která se sice musí instalovat, ale obsahuje všechny potřebné (i nepotřebné) verze pro vývoj:
- Internet Explorer 1.0 (4.40.308)
- Internet Explorer 1.5 (0.1.0.10)
- Internet Explorer 2.01 (2.01.046)
- Internet Explorer 3.0 (3.0.1152)
- Internet Explorer 3.01 (3.01.2723)
- Internet Explorer 3.03 (3.03.2925)
- Internet Explorer 4.01 (4.72.3110.0)
- Internet Explorer 5.01 (5.00.3314.2100)
- Internet Explorer 5.5 (5.51.4807.2300)
- Internet Explorer 6.0 (6.00.2800.1106)
- Internet Explorer 6.0 (6.00.2900.2180)
- Internet Explorer 7.0 (7.00.5730.13)
- Internet Explorer 8.0 (8.00.6001.18702)
Jak je na tom reCAPTCHA v praxi
V článku Jak přechytračit CAPTCHA Resolver jsem nedávno psal, jak jsou internetoví roboti šikovní v rozpoznávání různých obrázkových textů, které je mají právě odhalit. Na konci jsem zmínil projekt reCAPCHA, který nabízí snadnou integraci kompletního testu do vašich formulářů.
Nevedly se mi úpravy vlastního CAPTCHA testu, kde ani při použití překrývajícího se jednobarevného textu neměli roboti žádný problém vložit mi do diskusního fóra nesmyslné údaje. Nakonec jsem zkusil právě zmíněný reCAPTCHA a mile mě překvapilo hned několik věcí:
Jako první mě překvapila snadná integrace. Vygenerovaný JavaScriptový kód sice vypadá složitě, nicméně pro vložení CAPTCHA testu na stránky stačí registrace na stránkách recaptcha.net a řízení se jasnými pokyny.
Potom mě překvapila rychlost, jakou jsou data z externího serveru recaptcha.net stahovány. Na to, kolik tento server musí vyřizovat požadavků a že požadavky generují netriviální grafický výstup, je to paráda.
A nakonec mě překvapily výsledky. Od nasazení ReCaptchy (dnes přes jeden týden) žádný robot neuspěl. Je možné, že je jen otázkou času, kdy i reCaptcha bude přechytračena, nicméně pro dnešek musím říct, reCaptcha nemá chybu.
Nakonec ještě zmíním, že kromě obrázku lze text i přehrát, tedy stránky budou přístupné i slabozrakým či jinak zrakově postiženým.
Facebook aplikace - jak uspět
Marketing za pomoci sociálních sítí, to je trend současnosti i blízké budoucnosti. Ukážeme si pár pravidel, které je dobré dodržovat při propagaci Vašich Facebook aplikací. Článek vychází z jednoho příspěvku na diskusním fóru vývojářů Facebook aplikací.
Základní scénář
Základní scénář každého uživatele Facebook aplikace je následující:
- Uživatel je pozván přítelem
- Uživatel akceptuje pozvánku
- Uživatel autorizuje aplikaci
- Uživatel provede nějaké akce v aplikaci
- Uživatel posílá pozvánku přátelům
- Uživatel přestává používat aplikaci
- Uživatel odebírá aplikaci ze svého seznamu
Cílem každého provozovatele aplikace je dostat uživatele přes kroky 1,2 a 3 do stavu, kdy cyklí mezi 4 a 5. Jakmile se dostane do stavu 6 a 7, je zle.
Je dobré si uvědomit, že i přesto, že nejvíce zisku nám uživatel přinese mezi kroky 4 a 5, musíme se při vývoji postupně zaměřit na všechny kroky. Co s nimi budeme dělat? Analyzovat.
Neautorizujte bezhlavě
Za prvé potřebujeme odstranit všechny překážky, které stojí před uživatelem. Například striktní příkaz require_login, který zobrazí okno s přihlášením nebo autorizační okno pro nepříhlášené, resp. neautorizované uživatele, není nutné volat vždy. Naopak je dobré uživateli nabídnout část obsahu aplikace i bez nutnosti mít aplikaci povolenu. Stejně, jako zákazníci rádi chodí po obchodě, aniž by museli předem souhlasit s koupí, brouzdají uživatelé Facebooku po stránkách a aplikacích a jistě nemají potřebu autorizovat každou hloupost jen proto, aby zjistili, oč se jedná.
Dobrý způsob, jak nalákat uživatele k samotné autorizaci, je znefunkčnit některé zajímavé odkazy nebo tlačítka, jejichž popis ale návštěvníkovi napoví, co se pod nimi skrývá.
Distribuční kanály
Pro propagaci své aplikace je nutné využívat ne jeden, ale všechny nabízené distribuční kanály, neboť aplikace se nebude rozmnožovat sama. Ať je to registrace do adresáře aplikací, možnost zasílání pozvánek přátelům, placená Facebook reklama, nebo využití tlačítka sdílet. Každý z těchto způsobů naláká jinou sortu uživatelů, takže nezapomeňme na žádný.
Neusněte na vavřínech
Jakmile dosáhne počet vašich příznivců dostatečného množství, neusněte na vavřínech. S vašimi uživateli/fanoušky je nutné neustále komunikovat a aplikaci různými způsoby dále podporovat (např. obměňovat text na pozvánkách a zkoumat, který má nejlepší úspěch), jinak by časem všichni odešli, a to stejně tak rychle, jako přišli. Naopak je potřeba motivovat uživatele vrátit se zpět a pozvat nové kamarády.
Konkurence skýtá dobrou inspiraci
Inspirujte se u konkurence. Jak to, že některé hry mají tak mnoho uživatelů? Jednoduše motivují současné uživatele, aby lákali své kamarády, neboť za to mají nějaké výhody ve hře. Taková propagace je potom daleko cennější, než jakákoliv jiná reklama. A navíc je zdarma.
Závěrem
Nakonec několik myšlenek, které byste měli mít vždy na paměti.
- Pokud budete mít opravdu zajímavou aplikaci, uživatelé se vrátí sami a rádi
- Vyvíjíte v sociální síti, tedy i vaše aplikace musí být sociální (interakce s přáteli, s provozovatelem, ...)
- Registrace v adresáři aplikací udělá své
- Využívejte dostupné zdroje komunikace
- Placené reklamy na Facebooku nejsou úplně od věci
- Zasílejte fanouškům aktualizace a novinky
Zdroje:
http://forum.developers.facebook.com/viewtopic.php?pid=167262
http://forum.developers.facebook.com/viewtopic.php?pid=120077
Nový Firefox 3.6 a Personas
Kromě podpory HTML 5 nabízí nový Firefox, který byl dnešním dnem oficiálně uvolněn, tzv. Personas, tedy osobní témata vzhledu okna. Napadlo mě, jestli to uživatelé opravdu potřebují? Asi ne nutně, ale používat se to bude. A to hodně.
Stejně jako byla první vlaštovka ve formě změny pozadí plochy Windows, později úprava vzhledu Gmail, hlavní stránky Googlu atd. Zkrátka, co dneska nejde upravit podle vlastní chuti, je pozadu.
Na oficiální stránce je i návod, jak vytvořit a zveřejnit vlastní Personas, třeba s obrázkem vašeho oblíbeného mazlíčka, je to docela jednoduché.
