Webdesign

Zend Studio 5 je jeden z nejlepších produktů pro vývoj a ladění PHP 5 aplikací. Instalace produktů je naprosto bezproblémová, Zend Studio Server například automaticky rozpoznal již instalovaný Apache 2.0.55 server (ve velice nestandardní lokaci) a existující PHP 5.0.5 instalaci a automaticky modifikoval php.ini a httpd.conf soubory, kam vložil Zend Debugger, takže klient Zend IDE pracoval na první spuštění.

Jediný problém jsem zaznamenal s fonty, jsem z jEditu zvyklý na antialiasing fontů, a Zend Studio toto standardně nenabízí, ale je možné to obejít editací souboru ZDE.lax, a upravit jej následovně (via 99bugs.blogspot.com):

lax.nl.java.option.additional=-Dsun.java2d.noddraw=true 
  -Dswing.aatext=true

Následně si již můžete užívat i na LCD kvalitního písma:

specifikace vlastních fontů

Opera 8.50 a starší měla jeden nekritický bug, kdy občas přiřadila favicon předchozího webu stránce, kterou si právě prohlížíte, pokud tato nová stránka vlastní favicon nemá. Třeba jste si prohlíželi hulan.cz, a poté weblogy.cz, a po přidání do záložek se někdy u weblogy.cz ukázala moje favicon.

Pokud Vám to vadí, podívejte se do adresáře, kde je profil Opery, v mém případě C:\bin\opera\profile\images, popřípadě obdobný adresář v C:\Documents and Settings\user\Data aplikací, a zde smažte buď všechny soubory anebo soubor s URL daného webu v názvu.

Google před týdnem uvedl novou (a naprosto dokonalou) službu pro analýzu návštěvnosti webů nazvanou triviálně Google Analytics, a to tradičně zdarma. Posledních pár služeb od Google nemám moc rád, takový Google Talk je oproti konkurenci odpad, ale Google služby jako vyhledávání, email (tedy gmail), mapy, a teď i statistické nástroje pro analýzu návštěvnosti jsou naprosto prvotřídní.

Google Analytics není nic jiného než před půl rokem koupený Urchin.com (tvrdě placená služba), doplněný o řadu statistik navázaných na AdWords. Google Analytics umí počítat neuvěřitelné množství věcí, konverzí poměry, příchody z vyhledavačů, rozlišení nových a vracejících se uživatelů (jejich věrnost), spoustu technických údajů o browseru, připojení, operačním systému, SEM pohledy, a desítky dalších věcí. Velice zajímavá věc jsou i měření ROI a cíle, kdy se nadefinujete třeba konverzi návštěvy v objednávku, a Google Analytics Vám přehledně zobrazí konverzní poměr a cestu zákazníka po webu.

Celá statistika je provedena ve Flashi, což je mimořádně flexibilní a rychlé, navíc můžete exportovat cokoliv do textu, XML či Excelu (CSV formát).

Pokud jste platící zákazník Navrcholu.cz či Toplist.cz, nezbývá nic jiného než přejít na Google Analytics, pokud máte méně než 5 miliónů pageviews měsíčně, je Google Analytics zdarma, pokud máte více pageviews, stačí si zaplatit za $5 (či více) AdWords, a program je zdarma i poté.

URL: www.cesbrod.cz (včetně přepínače CSS stylů).

URL: www.pekarnahorovice.cz (odkaz směřuje na dočasné URL do změny DNS).

URL: www.mlyncista.cz.

Udělal jsem si vlastní DTD, který rozšiřuje XHTML 1.1 o moduly pro iframe a target. Důvod pro použití iframe je statistika iAudit, která se vkládá právě přes iframe, a použití target se mi jeví vhodnější než klička přes JavaScript.

Takto vypadá finální DTD:

<?xml version="1.0" encoding="utf-8"?>

<!ENTITY % xhtml-datatypes.module "INCLUDE"> 
     <![%xhtml-datatypes.module;[ 
     <!ENTITY % xhtml-datatypes.mod 
     PUBLIC "-//W3C//ENTITIES XHTML Datatypes 1.0//EN"
     "http://www.w3.org/TR/xhtml-modularization/DTD/xhtml-datatypes-1.mod"> 
     %xhtml-datatypes.mod;]]>

<!ENTITY % xhtml-qname.module "INCLUDE"> 
     <![%xhtml-qname.module;[ 
     <!ENTITY % xhtml-qname.mod 
     PUBLIC "-//W3C//ENTITIES XHTML Qualified Names 1.0//EN"
     "http://www.w3.org/TR/xhtml-modularization/DTD/xhtml-qname-1.mod"> 
     %xhtml-qname.mod;]]>
     <!ENTITY % iframe.qname "%XHTML.pfx;iframe">
     <!ENTITY % Misc.extra "| %iframe.qname;">
     <!ENTITY % xhtml11.dtd PUBLIC "-//W3C//DTD XHTML 1.1//EN"
   "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
     %xhtml11.dtd;

<!ENTITY % xhtml-iframe.module "INCLUDE">
     <![%xhtml-iframe.module;[ 
     <!ENTITY % xhtml-iframe.mod 
     PUBLIC "-//W3C//ELEMENTS XHTML Inline Frame Element 1.0//EN"
     "http://www.w3.org/TR/xhtml-modularization/DTD/xhtml-iframe-1.mod">
     %xhtml-iframe.mod;]]>

<!ENTITY % xhtml-target.module "INCLUDE">
   <![%xhtml-target.module;[ 
   <!ENTITY % xhtml-target.mod 
     PUBLIC "-//W3C//ELEMENTS XHTML Target Module//EN"
   "http://www.w3.org/TR/xhtml-modularization/DTD/xhtml-target-1.mod"> 
     %xhtml-target.mod;]]>

DTD je k volnému soukromému i komerčnímu použití.

Narazil jsem na velice zajímavý javascriptový XHTML 1.0 WYSIWYG editor, který funguje nejenom v obligátním MSIE a Firefoxu, ale nově také v Opeře 9.0 TP1 a Safari (to je to Applem ukradené KHTML). Je to TinyMCE (via Luca Lani, my friend from Italy), stabilitou se sice zatím nevyrovná FCKEditor.net, ale je to velice zajímavý počin.

Můžete se podívat i na online demo.

TinyMCE pod Operou 9.0 TP1

V pátek byla vydána Opera 9.0 TP1 (Technology Preview 1). Nepsal jsem o tom dříve, protože jsem ji poslední 2 dny testoval, a vzhledem k naprosté stabilitě ji mohu vřele doporučit všem uživatelům. Opera je nejlepší a nejbezpečnější internetový browser na světě, je také bezkonkurenčně nejrychlejší, obsahuje největší množství funkcí, je naprosto stabilní, a je zdarma pro soukromé i komerční použití. Prostě ideál krásy.

Download pro špičkové Windows, vynikající Linux a podivíny s Masoxem.

Zajímavé ovšem je, jak rapidně se leader trhu, tedy Opera 9.0, dále rozvíjí, zatímco open-source kopírák Firefox se potácí na místě a nenabízí žádné nové funkce.

O kvalitě browseru svědčí nejen jeho rychlost a funkce, ale i jeho jádro, porovnejte si například Acid2 test:

Opera 9.0 TP1	Firefox 1.0.7

Opera nemá konkurenci. A je dobře, že díky zaostalému Firefoxu je dnes Opera zdarma pro všechny, nikoliv za €39 jako před půl rokem 🙂 Když dnes u někoho pracuji na počítači, už se nemusím trápit s pomalým a nic neumějícím Firefoxem, prostě tam nainstaluji z 3.5MB souboru vynikající Operu.

Pro instalaci Opery se Vám bude hodit:

• Dokonalá konfigurace Opery 8
• Opera 8.0 - další užitečné tipy
• Klávesové zkratky Opery

Když jsem včera zveřejnil návod na odstranění problikávání obrázků v MSIE, neuvědomil jsem si, že originální postup má jednu závažnou vadu. Podívejte se na to znovu:

ExpiresActive On
ExpiresDefault A18000
ExpiresByType image/gif A2592000
ExpiresByType image/jpeg A2592000
ExpiresByType image/png A2592000

Problém je v tom, že vše bude cachováno po dobu 18.000 sekund, tedy 5 hodin. A to pro rychle měnící se weby rozhodně není košer. Možnosti jsou dvě, buď snížit ExpiresDefault z 5 hodin na třeba 1 minutu, popřípadě mod_expires zapnout v .htaccess jen pro potřebné věci, tedy obrázky, a případně CSS a JavaScript.

V tomto druhém případě jsem nastavil cache pro obrázky na 1 měsíc a CSS a JavaScript na 6 měsíců, zbytek není cacheován (respektive, je to ponecháno na nastavení browseru):

# set expires for images

	ExpiresActive On
	ExpiresDefault A2592000


# set expires for CSS and JavaScript

	ExpiresActive On
	ExpiresDefault A15552000


# do not steal images
SetEnvIfNoCase Referer "^http://hulan\.cz/" local_ref=1

	Order Allow,Deny
	Allow from env=local_ref

Toto řešení bude, na rozdíl od originálního, fungovat přesně tak, jak potřebujeme. Ve skriptu je doplněna i ochrana proti „kradení obrázků“ (linkování z cizích webů).