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

MyEgo.cz

home foto blogy mywindows.cz kontakt

Nová prezentace - MC-TRITON.cz

Webdesign, CMS 11.04.2011

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.

MC-TRITON.cz

Mobilní verze webu roztažená na celou obrazovku telefonu

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

Nová prezentace - ŠTĚRBA-BIKE.cz

Webdesign, CMS 06.04.2011

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.

www.sterba-bike.cz

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

Webdesign, CMS 05.04.2011

Před měsícem jsem psal článek Zadání - vytvořit nejlepší cykloeshop v republice. První fáze - hotova. Cílem bylo vytvořit cykloeshop o kterém by šlo prohlásit, že bude nejlepší v republice. Myslím, že se to daří a web ŠTĚRBA-KOLA.cz předčil očekávání :-)

Mohu poskytnout pohled na návštěvnost od ledna 2011, přičemž nový eshop běžel od poloviny února 2011, a která se zvýšila trojnásobně na 2 000 lidí denně a má výrazně rostoucí trend (a pracuje se nadále na tom, aby tento rychlý růst byl udržen).

Ještě zajímavější je ale pohled na dosahovaný obrat - ten stoupnul rovnou 10x ve srovnání se stejným obdobím loňského roku.

souhrn návštěvnostisouhrn návštěvnosti

Chcete vysokou výdrž notebooku na baterie? Používejte IE9 místo Chrome 10

Webdesign, CMS 31.03.2011

Na Živě.cz vyšel moc zajímavý článek srovnávající výdrž notebooků při použití různých prohlíčežů. S novým Internet Explorerem 9 může váš notebook vydržet třeba 4 hodiny místo pouhých 3, jako je tomu v případě Google Chrome.

Vzhledem k tomu, že IE9 je nejen výrazně úspornější, ale i rychlejší (nejlepší GPU akcelerace) a zabere méně RAM, vypadá jako jasná volba a osobně jej používám jako default browser na všech PC.

baterie

Více na Živě.cz, originál blogs.msdn.com.

Zkusím něco podobného zkusit změřit na mém HP 5103 a za pár dní zde budou výsledky. Nečekal jsem takové rozdíly mezi prohlížeči.

IE9 versus Chrome 10 - spotřeba paměti

Spusťte si prohlížeč, otevřete přesně nula stránek (respektive about:Tabs v IE9), a koukněte se, kolik zabere v paměti (Pracovní sada). IE9 = 62 MB, Chrome 10 = 412 MB. Internet Explorer přišel jako první s oddělenými procesy pro jednotlivé taby (a jedním řídícím procesem), už v předchozí verzi, Chrome k tomu nicméně přistupuje tak, že i každé rozšíření je spouštěno jako samostatný proces. Bez rozšíření přitom Chrome skoro nic neumí.

Kam to vede je jasné - téměř 7x vyšší spotřeba RAM jen při spuštění.

Bohužel, u Chrome 7x vyšší spotřeba RAM neznamená vyšší stabilitu, díky špatnému rozhraní pro pluginy s prastarým Netscape API (jako je XStandard) tuhne výrazně častěji než konkurence, která používá ActiveX.

Chrome 10 vs IE9

I tak je to ale můj druhý nejoblíbenější prohlížeč :-)

Mám nový výchozí prohlížeč - IE9 - finální (a nejrychlejší na světě)

Microsoft dnes ráno vydal finální verzi Internet Exploreru 9, prohlížeče který jako první na světě přináší kompletní podporu akcelerace renderování stránky pomocí GPU. Samozřejmostí je podpora současných W3C standardů i těch, co jsou a ještě pár let budou v pouhém návrhu (HTML5, CSS3), umí Canvas, SVG, HTML5 video, má nový Javascriptový engine.

Z uživatelského pohledu je ale hlavní změnou rychlost.

Zatím šel takový Chrome 10 chápat jako relativně rychlý prohlížeč, IE9 toto slovo redefinuje, zobrazuje celé HTML4 stránky viditelně nejrychleji a v HTML5 doslova září (je schopen efektivně použít moji NVIDIA GTX580 grafickou kartu).

Problémy, které jsem zaznamenal a vadily mi u předchozí RC verze (pomalejší otvírání nové záložky při použití gest myší či při více pluginech jako je LastPass, Flash, Acrobat) jsou všechny odstraněny a vyřešeny, několik stránek, které se mi zobrazovalo podivně se zobrazuje správně a v toolbaru není problém ukázat vývojářské nástroje.

Zatímco Firefoxu (včetně verze 4) ujel vlak, Chrome se s verzí 10 docela snaží, ale stále má velký problém se stabilitou (nejen) pluginů, spotřebou paměti a je pomalejší, tak IE9 je dnes to nejlepší co můžete použít.

IE9 je můj nový default prohlížeč.

Doporučuji jej minimálně vyzkoušet, včetně stažení nejnovějších ovladačů GPU. Podporovány nejsou 10 let staré Windows XP, jen Vista a novější.

IE9

Nová prezentace - ŠTĚRBA-KOLA.cz

V lednu jsme dostali od pětinásobného mistra republiky v cyklistice, pana Roberta Štěrby, poměrně jasné zadání - vytvořit novou verzi eshopu ŠTĚRBA-KOLA.cz, aby o něm šlo prohlásit, že je nejlepší v republice, a to jak z pohledu komfortu a nabízených služeb pro zákazníka, tak snadnosti obsluhy pro 20 zaměstnanců Štěrba-kola.

Výsledkem první fáze implementace je tento nový web:

STERBA-KOLA.cz homepageSTERBA-KOLA.cz homepage

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

VPS - webový server s Windows 2008 R2 a vaší plnou kontrolou od 500 Kč měsíčně

Pokud chcete provozovat více webových prezentací, popřípadě když potřebujete kompletně ovlivnit konfiguraci a provoz svého serveru, máte v zásadě dvě možnosti - pořídit si  vlastní hardware a zajistit jeho připojení k internetu, většinou s cenou od 5 000 Kč / měsíc, anebo použít virtuální hardware, tedy VPS - virtuální privátní server, v ceně od 500 Kč měsíčně.

Pokud máte na svých webech desítky tisíc pageviews denně (což bude platit pro většinu českých projektů), VPS vám zastane stejnou službu jako server fyzický, ale vyjde vás 5-10x levněji.

Active24.cz nabízí díky virtualizační Hyper-V technologii od Microsoftu virtuální privátní servery v cenách od 499 Kč (512MB RAM, 20GB HDD), přes 799 Kč (1GB RAM, 40GB HDD) po 1 499 Kč (2GB RAM, 80GB HDD), mírně levnější nabídka je  pro Linuxové VPS servery (Xen). Ceny Windows VPS už zahrnují licence na technologie Microsoftu.

Osobně používám raději Windows než Linux, administrace je zde (alespoň pro mne) výrazně snazší, je také možné provozovat širší spektrum technologií - PHP i ASP.NET, MySQL i SQL Server 2008 R2 databáze, plus desktopové aplikace.

Otestoval jsem tu nejvyšší konfiguraci VPS -  FullControl Premium Windows,  s 2GB RAM, čtyřmi jádry CPU, 80GB HDD a agregací pouhých 1:2. Vzhledem k nízké agregaci se jedná o slušně výkonný stroj srovnatelný s fyzickým hardware.

Zprovoznění VPS je otázka pár okamžiků, po instalaci dostanete emailem IP adresu, na které běží váš nový server, a přístupové údaje. Pomocí Remote Desktop se můžete hned připojit:

Remote Desktop

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

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(); });
}); 
Banan.cz