Webdesign, CMS » MyEgo.cz - Radek Hulán webzine

Loňské WebExpo 2010 jsem si moc užil jako účastník. Na předloňském jsem přednášel. Ten letošní ročník má (dle mého názoru) otřesný web, ale zase dosud nejzajímavější přednášející. Vašek Stoupa asi ušetřil přesně tam, kde vás to na konferenci nebude mrzet a pozval o to zajímavější lidi.

Akce se tentokráte odehraje díky VŠE na Žižkově, což je rozumnější lokalita než vzdálený Suchdol.

Tomáš Baránek v Business Hall bude vykládat o tom, jak i programátor může mít sex (via marekl), objeví se tam lidé z Google, Microsoftu, Yahoo, Facebooku, Nokie, bude velkolepé HTML5 Roadshow, dozvíte se novinky o návrhu mobilních aplikací, zajímavé info a soutěž pro startupy, a obecně se poučíte v desítkách přednášek od lidí, kteří jsou mnohem chytřejší než vy (a někteří dokonce i chytřejší než já).

Prodej vstupenek se slevou už sice oficiálně skončil, ale MyEgo vám nabízí slevu 20% stále - stačí použít kupón MYEGO2011 při registraci.

Uvidíme se na WebExpo 2011. Osobně si myslím, že to letošní bude ještě mnohem lepší než ty předchozí.

Prázdniny nejsou úplně ideální dobou na spouštění webdesignérských projektů, protože návštěvnost padá dolů o desítky %, nicméně nový MyWebdesign.cz se připravoval dost dlouho a konečně dozrál. Web má i anglickou mutaci MyHTTP.eu.

Jeho odvážný "Metro UI" design spáchal Pavel Kout / Webface a moc mu děkuji za provedenou práci.

Osobně jsem zvědav, jak bude toto pojetí fungovat pro klienty přicházející z vyhledávačů, přece jenom je to (na místní poměry) dost nekonformní forma prezentace.

Do Čech přicházejí nové trendy o rok a více později, takže dnes jsme aspoň netradiční, a v budoucnosti budeme trendy.

Nově nabízíme spolupráci formou subdodávek celých projektů pro ostatní velké webdesignérské společnosti. Pokud máte o tento outsourcing projektů zájem, prosím kontaktujte nás.

Na vás je v tomto případě jednání s klientem, vedení projektu, uživatelská analýza a další související aktivity, na nás kompletní provedení technické analýzy, datového modelu a naprogramování projektu na klíč, samozřejmě v předem dohodnutých termínech.

Těšíme se na spolupráci.

V eshopu gemini-optika.cz máme implementován nový zkoušeč brýlí - můžete si nahrát svoji fotku nebo přidat fotku z kamery, zadat rozteč svých zornic a podívat se, jak vám brýle budou nejen slušet, ale i přesně sednou na obličeji.

Vše se dá navíc poslat emailem, uložit na disk anebo sdílet na Twitter či Facebook, kde vaši přátelé mohou snadno okomentovat, které brýle vám nejvíce sluší.

Takže už žádné obavy, zda brýle budou vyhovovat.

Aplikace vyžaduje zdarma dostupný Flash Player 10.

Nyní je řada na klientovi, aby razantně rozšířil portfolio, zejména o sluneční brýle.

Nedávno spuštěná prezentace sterba-kola.cz byla doplněna o AJAXové načítání a filtrování produktů. Kromě nutného jQuery jsem chtěl minimalizovat množství použitých skriptů. Takže žádné jQuery UI. Nakonec jsem použil následující:

• RangeInput (jQuery Tools) - 6KB - pro vizuálně přitažlivé slidery ceny či výšky (jen doplněno o setMin a setMax metody)
• HashChange - 1.5KB - pro práci s hashem v URL a zachování Zpět / Vpřed tlačítek prohlížeče
• Autocomplete - 13KB - našeptávač produktů při hledání, včetně zobrazení cen
• plus 6KB vlastního Javascriptového kódu (zmenšeného pomocí jsMin)

Nejlepší příklad nové funkčnosti je asi interaktivní výběr kola.

Našeptávač produktů, včetně cen

Použití Autocomplete je triviální, včetně automatického submitu formuláře při výběru kola ze seznamu:

$("#search").autocomplete('/produkt.php', 
  {multiple: false,selectFirst: false}).
  result( function(e,d) { if (d) $('#search').submit(); });

Samotný produkt.php si převezme $_GET["q"] parametr a vyhledá a vrátí textový soubor s názvy produktů, oddělený znakem \n.

Pokud jste klientem F-ART AGENCY s.r.o. a jedná se o rozsáhlejší webový projekt, většinou se k němu zakládají uživatelské účty na hulan.us, kde je instalován Mantis BugTracker. Jedná se o volně dostupný software pro obecnou správu připomínek, námětů, objednávek a reportování chyb k projektu.

Mantis umí vést neomezené množství projektů, neomezené množství uživatelé, k problémům připojit jak textový obsah tak DOC/XLS/JPG a další soubory, zajistí emailové notifikace. Je k dispozici plně česky.

Není si tak nutné zasílat emaily s CC: mezi desítkou lidí, ale všichni mají neustále přehled o tom, co se řeší, jak to je splněno a jaké jsou další plány.

Konkurence pro Mantis je BugZilla, FogBugz, Bug-Track, v jistém smyslu i BaseCamp. Některé z těchto nástrojů ovšem nejsou česky (BaseCamp - což je pro někoho problém), mají nepřiměřenou cenu instalace na vlastní server (FogBugz) či nejsou funkčně odpovídající (BugZilla).

Mantis je funkční a také dostatečně jednoduchý na používání - není pro něj nutné uživatele školit, umí jej ovládat přirozeně.

Stejně ale hledám náměty na ještě snazší řešení - co používáte vy?

Popravdě řečeno, je to trošku štěstí, tedy zda se jedná o první, druhou nebo pátou pozici, protože nikdo není schopen předem určit a ovlivnit veškeré faktory, ale stejně ta první pozice jízdní kola Štěrba na dotaz jízdní kola z jednoho miliónu potěšila:

Na Google je to osmá pozice z téměř pěti miliónů.

Související: ŠTĚRBA-KOLA.cz - měsíc po spuštění třikrát vyšší návštěvnost, desetkrát vyšší obrat

Meride a světový pohár v MTB v Novém Městě na Moravě, to je obsah webu MTBWorldCup.cz. Součástí jsou články, propozice, video a fotogalerie, CZ i EN jazyková mutace.

Grafiku kreslil Elementlab.

M.C. TRITON je největší česká poradenská společnost. Nová webová prezentace se zaměřuje na jednoduchou a přímou komunikaci, propojení s Facebookem (třeba novinky se načítají automaticky z Facebook page), podporu pro lokálně umístěné (FLV), Facebook i Youtube videa, a fotogalerie.

V pozadí je připraven CZ / EN / DE / SK web, veřejně zobrazena je ale zatím pouze CZ verze, zbytek čeká na překlad klientem :-)

Grafiku kreslil, v subdodávce, Pavel Kout / Webface.

Pokud vytváříte (opravdu) jednoduchou mobilní verzi webu, na které je adresa, mapa, telefon a odkaz na plnou verzi prezentace, budete potřebovat následující meta tag:

<meta name="viewport" 
 content="width=device-width; initial-scale=1.0; 
  maximum-scale=1.0; user-scalable=0;" />

Tento meta zajistí, že telefon zobrazí stránku zoomovanou na 100% šířky obrazovky, a nikoliv jako miniaturu.

Telefonní kontakty je dobré uvodit přes <a href="tel:číslo">číslo</a>, naprostá většina mobilních prohlížečů umí takového číslo přímo vytočit.

Více také na Zdroják.cz: Mobilizujeme web v HTML5

Pan Robert Štěrba, kromě toho, že je majitel úspěšného cyklistického obchodu, má jeden velký koníček - je mnoho let sběratelem a odborníkem na cyklistickou historii a organizoval pod značkou BI(CZ)YCLE COLLECTION řadu akcí.

Nově spuštěný projekt ŠTĚRBA-BIKE.cz staví na této práci a nabízí všem zájemcům a odborníkům tisíce fotek historických kol, odborné články, fotografický pohled na velo muzea, služby, poradenství a další informace z této oblasti.

To vše je dostupné v české i anglické variantě, takže dosah není pouze místní, ale skutečně celosvětový. Projekt je spouštěn v těchto dnech a první ohlasy odborníků z této oblasti jsou nesmírně pozitivní.

Grafiku kreslila, v subdodávce, Iva Schneiderová, ART-PGN.