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

MyEgo.cz

home foto blogy mywindows.cz kontakt

Javascriptové menu pro zařízení bez :hover události

Webdesign, CMS 21.02.2011

Na webu sterba-kola.cz používáme submenu rozbalující se pomocí běžné onmouseover události, přesněji se binduje mouseenter() pomocí jQuery pro přejetí myši přes element a mouseleave() pro opuštění elementu. Problém jsou ale tablety, obecně zařízení nepodporující ze své koncepce :hover.

Zkusil jsem zde použít "obezličku" pomocí bindování mouseenter() i click() a funguje to.

Takový iPad sice neprovede mouseenter(), ale click() už ano, ostatní zařízení provedou obě události, stačí si tedy v té první poznamenat, že už proběhla, a druhou neprovádět.

Celý kód pro jQuery může vypadat takto (odkaz na .js):

$(document).ready(function(){
    $('#menu > ul > li').mouseenter( function(){
    	noClickProcess = true;
    	var i = parseInt($(this).attr('rel')); 
   		showMenu(i); 
    }).click( function() {
    	if (noClickProcess) return;
    	var i = parseInt($(this).attr('rel'));
    	if (i > 0) {
    		var s = $('#menu'+i+':hidden').size();
    		if (s > 0) showMenu(i); else hideAllMenu();
    	} else hideAllMenu();
    	return false;
    });
	$('#menu').mouseleave( function(){ hideMenu(); });
}); 

Bing funguje jako geniální mashup (a Google se to nelíbí)

Webdesign, CMS 02.02.2011

Update (3. 2. 2011): níže uvedenou analýzu Microsoft v podstatě 100% potvrdil (viz Bing Director, Stefan Weitz, v exkluzivním rozhovoru pro USA Today). A MyEgo.cz je v ČR jediný web, který situaci správně popsal, místo aby bulvárně odpapouškoval Google propagandu.

Microsoftí vyhledávač Bing v USA získává stále lepší tržní pozici, hledá přes něj i Yahoo, a Google se to zjevně moc nelíbí.

Microsoft také nabízí pro Internet Explorer svůj doplněk Bing Toolbar, ten umožňuje snadný přístup k funkcím a webům Microsoftu, a také může volitelně zlepšovat zážitek uživatele zasíláním informací o tom co hledá a kde to nachází zpět Microsoftu.

To je zcela legitimní věc - uživatel napíše hledané slovo či slovní spojení a poté přejde na nějaký web, který on sám považuje za nejvíce relevantní. Bing ví, který web si uživatel zvolil a podle toho je schopen po nějaké době automaticky aktualizovat svoje vyhledávání a jeho relevanci.

Pokud je daný toolbar dobře naprogramovaný, je samozřejmě schopen rozpoznat hledání v libovolném vyhledávači (tedy nejen Bing samotný, ale i Google, Seznam, Yahoo, a další).

A vypadá to, že je :-)

Google se pokusil onu Microsoftí geniální funkci otestovat záměrným pokažením jeho vlastních výsledků vyhledávání - na nesmyslné slovo vracel jeho vyhledávač jako první v pořadí web společnosti RIM.

Pracovníci Google poté používali Internet Explorer s Bing Toolbarem a klikali na web společnosti RIM. Z pohledu Bing toolbaru se samozřejmě jednalo o zcela legitimní výsledek, který předal serverům Microsoftu a ten je použil pro automatizovanou optimalizaci výsledků vyhledávače. Je nutné zdůraznit, že Microsoft zde nepoužíval nijak přímo výsledky Google Search, jen monitoroval uživatele v jeho vlastním prohlížeči, který měl tuto funkci povolenou - uživatel hledal slovo X, poté přešel na web Y, Bing z toho správně vyvodil souvislost.

Co z toho vyplývá? Microsoft má chytrou metodiku pro zlepšování výsledků vyhledávání na základě skutečného chování uživatelů a Google záměrně ničí svoji relevanci zanášením nesmyslů a ruční manipulací s výsledky...

F-ART:CMS eshop pro rok 2011

Webdesign, CMS 05.01.2011

F-ART:CMS eshop byl pro rok 2011 výrazně aktualizován - máme nový vzhled, našeptávače produktů pomocí jQuery, affiliate modul, marketingové kampaně, věrnostní programy, statistiky, propojení na nové účetní systémy, automatické generování a zasílání faktur v PDF , dokonalou SEO optimalizaci, XML exporty pro Zboží.cz, Heuréka.cz a další, vylepšenou mapu webu (sitemap.xml), nový opravdu snadný nákupní proces pro registrované i neregistrované klienty, podporu pro neomezené množství měn a jazyků.

Pokud máte zájem o více informací, prosím kontaktujte nás.

Eshop je možné libovolně programátorsky upravovat a přizpůsobit vašim potřebám.

Eshop - administrace

Google Chrome 8 - pár tipů a triků

Webdesign, CMS 02.01.2011

Google Chrome je jeden z mnoha prohlížečů postavených na open-source Webkit jádře. Google k němu přidává svůj vlastní Javascriptový engine (V8), jednoduchý systém rozšíření a samozřejmě uživatelské rozhraní.

V tomto článku bych se chtěl podívat na jednotlivé části prohlížeče a možnosti jeho vylepšení.

Rozšíření jsou běžné HTML5 miniaplikace

Samotný systém rozšíření je v Chrome postaven na HTML5, což znamená jejich sice rychlý vývoj (je to běžná stránka), ale velice omezené funkční a prezentační možnosti, zejména ve srovnání s Firefoxem. Takovou věc jako je Firebug v plné verzi nemůžete v Chrome nikdy očekávat, možnosti HTML5 tak daleko nesahají.

Každé rozšíření je spouštěno jako samostatný proces, takže extrémně rostě paměťová náročnost při více rozšířeních, třeba nějak takto:

spotřeba paměti Google Chrome závisí na použitých rozšířeních

V praxi je tak nutné počet rozšíření omezit na jednotky, zvláště na noteboocích s 2-4GB RAM.

Nakladatelství PRAGMA spouští affiliate program s 20% provizí pro majitele webů

Webdesign, CMS 29.11.2010

Nakladatelství Pragma patří k tradičním a největším nakladatelstvím v Česku. Od roku 1992 jsme vydali přes 1 200 titulů a stali se jedničkou na trhu esoterické literatury, alternativní medicíny osobního rozvoje a motivace.

Do našeho portfolia patří bestsellery od autorů jako je Robert Kiyosaki, Donald Trump či Charles Bukowski.

Nově spouštíme affiliate program, v němž nabízíme majitelům webů výdělek 20% z prodeje knih. Registrace je velice snadná, jednoduchá je i samotná integrace affiliate programu do stránek vašeho webu - postačí zkopírovat krátký HTML kód.

Základní podmínky affiliate programu:

  • Z každého uskutečněného a odebraného nákupu, který realizuje klient kliknutím z odkazu na vašem webu, získáváte provizi 20% z ceny objednaného zboží (knih) bez DPH.
  • Po kliknutí na affiliate odkaz je klientovi nastaveno cookie s platností na 30 dnů. Pokud během této doby klient provede libovolný nákup na webu PRAGMA.cz, je z tohoto nákupu vypočítána vaše provize.
  • V případě kliknutí klienta na affiliate odkaz na jiném webu je původní cookie přepsána, provize se počítá novému webu.
  • Provize je vyplácena na požádání na váš bankovní účet, a to po dosažení minimální celkové částky 500 Kč, maximálně však 1x měsíčně.
  • Dosažení minimální čásky provize k výplatě (500 Kč) není nijak časově omezeno.
  • Affiliate program je dostupný jen pro subjekty registrované v ČR.

Rychlost IE9 vs Firefox 4 vs Chrome 7

Webdesign, CMS 08.11.2010

Pro někoho to možná nebude překvapivé - nejrychlejší prohlížeč pro zpracování HTML 5 je IE9 (Beta), díky kompletní hardwarové akceleraci renderingu, kterou konkurence neumí. Osobně se moc těším na finální verzi IE9, po dlouhé době bude Microsoft v této oblasti na špičce.

Rychlost Internet Explorer 9 Beta versus Chrome 7

Webdesign, CMS 19.10.2010

Testoval jsem Chrome 6 a není to špatný prohlížeč, několik týdnů jsem jej dokonce zkusil používat jako defaultní. Šlo to překvapivě snadno. Systém doplňků a povedené ovládání jsou příjemným osvěžením.

Nejhorší věcí na něm asi je absurdně vysoká alokace RAM (což mi ale s 16GB až tak moc nevadí), a stále relativní pomalost. Silně chybí akcelerace pomocí GPU, veškerého vykreslování stránky i Flashe.

A to platí i pro novou verzi 7:

alokace RAM jednou instancí Chrome s doplňky versus IE9 x64alokace RAM jednou instancí Chrome 7 s doplňky versus IE9 x64 s doplňky

Tuto akceleraci právě Internet Explorer Beta 9 nabízí, i v x64 verzi, a existuje pro něj speciální Adobe Flash "Square" x64 přehrávač. Funguje to stabilně a rychle.

inPage - jednoduchý web, fotogalerie a eshop od Zoneru za 10 minut

Webdesign, CMS 15.10.2010

inPage je správce webových stránek od Zoneru pro převážně statické prezentace vhodný pro informace o různých menších akcích, nabídkách, zájmových sdruženích, nabídce živnostníků či podobných aktivit.

Neprogramátor zde může snadno ve WYSIWYG editoru doplnit články, fotky z akce do fotogalerie, popřípadě i prodávat pár produktů v eshopu (s dodáním na dobírku či platbou přes PayPal).

Výsledek vytvořený během pár minut může vypadat takto:

Homepage

Prezentace obsahuje úvodní stránku, jednoduchý eshop, fotogalerii, kontaktní formulář, je v ní možné vyhledávat, a testovací stránku s jednou vnořenou podstránkou (v submenu).

WebExpo 2010 - jaké si to uděláš, takové to máš

Webdesign, CMS 28.09.2010

Tento článek obsahuje mých pár krátkých a vzájemně nesouvisejících postřehů z networkingu na WebExpo 2010.

  • Warm-up party ve čtvrtek byla překvapivě plná (stovky lidí), i když jsem přišel už chvíli po zahájení a čekal jich maximálně desetinu.
  • Pixy měl tričko s nápisem omlouvajícím se za svoji nešťastnou éru bloggera, tak jsem mu to prominul a podal mu ruku. Přijal ji.
  • Martin Malý zjevně viděl Pulp Fiction a tak jej nerozhodil přivítací pozdrav "Á, naše děvka z Inglewoodu!". Pak se přesunul do Liberce, aby si zaplaval.
  • Lenka Janková si vzala krásné šaty odhalující prsa a mezi ně si strčila bílý telefon. Jak se jí má člověk dívat při rozhovoru do očí?!
  • Eliška Hutníková mi podvacáté vysvětlovala FourSquare. Stále jsem to nepochopil, ale poslouchala se (opět) moc hezky.
  • Petr Mára má úplně nového kluka a celý září štěstím.
  • David Grudl miluje pivo a když pije, programuje Nette. V Praze má přísun piva zajištěn zatím dobře, a tak vzniklo Nette 2.0.
  • Štěpán Bechynský z Microsoftu má taky rád pivo. Poté co vyhlédl z okna horního patra na nás tápající a pronesl "Budeme čepovat!" neměl daleko k samotnému Pánu Bohu. Nebo alespoň k Pánu Sudu.
  • Eva-Lotta je úžasná, kdo si nezačal kreslit při její skvělé úvodní přednášce, tak není člověk, ale Bender.
  • Tom Krcha naprogramoval P2P video streaming a P2P chat, který báječně fungoval. Kdo v sobotu ráno nechtěl vylézat z postele, měl vše online.
  • Jan Brašna spí raději na gauči ve Fleveu než v Plzni. Chápu jej.
  • Robin Raška na Twitteru pořád nadává Adobe, i když spí v jednom baráku s Tomem. Měli by si ten vztah ujasnit.
  • Žirafka je moje nejoblíbenější těhotná žena na WebExpo. Pořád se usmívá!
  • Jarmila Klimková neudělá ani krok bez záchranné placatice se slivovicí. Hodila se.
  • Irena z Microsoftu dělá v marketingu a nezná C++, proto nikdo nechápal, k čemu je vlastně dobrá. Pak se zjistilo, že zajistila půvabné hostesky roznášející pivo.
  • David Šmehlík se narodil chvíli po WebExpo, takže měl dobrou záminku pro zorganizování pondělní #after-after-party. Namíchal jsem mu kvalitně kořeněný tatarský biftek a chvíli jej krmil. Chutnalo mu to.
  • Maru Grafová sice není geek-girl, ale zase nosí fakt hezké boty i šaty.
  • Dušan Janovský by mohl úspěšně vést revoluci v Rusku, ale místo toho se usmívá a brnká na harfu.
  • Té blonďaté krojované hostesce z Microsoftu (druhý den), co vypadala na 17 let, táhne už na 24. Byla násilím svlečena z kabátku a měla v 12°C husí kůži. Nabízel jsem jí bundu, ale prý musí mrznout.
  • Na parkoviště před aulou se dostanete snadno, stačí u závory říci, že vezete materiály na přednášku. Bohužel, dvacáté auto, co opravdu vezlo materiály na přednášku, vpuštěno nebylo. My ještě ano.
  • Bílá trička s WebExpo potiskem jsou gay (a to ani nemusíte být blonďák s patkou nabok). A bílá trička zastrčená v kalhotách jsou double gay, sorry. Černá trička jsou ok.
  • T-Bone steak co dělají v hospodě na Farmě je lepší než panenka s chřestem.
  • Místní káva i zelený japonský čaj jsou vynikající.
  • Michal A. Valášek programuje v C# a baví jej BDSM. Chtěl jsem od něj kontakty na pár ženských sub, ale prý je jich nedostatek, tak nabídnul mužské, těch je přebytek. Nechci.
  • Jirka Kosek se začal kdysi dávno sám od sebe titulovat XML guru a lidi mu to pořád věří.
  • UI testování v praxi - když osloví promrzlá hosteska geeka slovy "chcete bonbón?" a natáhne k němu ruku s krabičkou, má to 8.5x nižší konverzi, než pokud začne přátelským "Ahoj". Geek se poté tolik nebojí.
  • Richard Fridrich z Centrumu zastává názor, že redesign je zlo. Vždy. Uživatelé se bojí změn.
  • Šárka na registraci je kouzelná, milá, každý rok hezčí, a spí jen 3 hodiny denně. Trošku se bojí výšek, ale moc jí to přitom sluší.
  • Evička na registraci skvěle pobavila větou "Vy nejste Šárka!" při pohledu na jmenovku co jsem si prohodil s Šárkou, a když jsem se jí zeptal, jak na to přišla, řekla s pokerově vážnou tváří "Já svůj team poznám!" :-) Ještě, že mi nepřidělila nějakou práci...
  • Vašek Stoupa to celé zorganizoval a patří mu velký dík.

IE9 zabere po spuštění 71 MB, Chrome 6 ovšem 366 MB

Webdesign, CMS 22.09.2010

Chrome 6 je poměrně populární prohlížeč založený na Webkitu. Google u něj střídá čísla verzí zhruba každý měsíc, zřejmě ve snaze vytvořit dojem zuřivě rychlého vývoje. A částečně je to pravda - funkčně se jedná o kvalitní prohlížeč, který slušně konkuruje i nově vydané (a velice povedené) beta verzi Internet Exploreru 9. Ten také podporuje CSS3, HTML5 a další technologie a navíc pro zobrazení veškerého obsahu používá akceleraci pomocí GPU. Je tak jeden z nejrychlejších prohlížečů.

Zásadní problém má Chrome 6 s rozšířeními. V základu obsahuje velice málo funkcí, takže když k němu doinstalujete gesta myší, Web Developer Toolbar, správce hesel, čtečku RSS, buttony pro Historii / Záložky / Stažení a pár dalších, zabere po spuštění bez jakýchkoliv načtených stránek 366 MB RAM.

A to se mi zdá dost - podobně konfigurovaný IE9 zabere 71 MB RAM.

Chrome 6 vs IE9Chrome 6 je slušný prohlížeč, ale spotřeba RAM je extrémní

Google by měl zjevně zapracovat nejenom na číslování verzí, ale také na spotřebě paměti. No a nakonec i na rychlosti, zkuste si tento strip v Chrome a poté v IE9 - Microsoftí prohlížeč má už v beta verzi mnohem rychlejší HTML5 technologie.