Zdeněk Večeřa

Pár flashových pravidel, které je dobré mít na očích (když si je nepamatujete):

1. Načtení swf souboru z jiné domény:
   <param name=”allowScriptAccess” value=”always” />
2. Respektování z-indexu:
   <param name=”wmode” value=”opaque” />
3. Zakázání fullscreenu:
   <param name=”allowFullScreen” value=”false” />
4. Zakódování URL (urlencode()), clickthru a  clicktag
   <param name=”movie” value=”http://adstatic.webtea.cz/file.swf?clickthru=http%3A%2F%2Fad.webtea.cz%2Fr%2Fxxx
   %2Fxxx%2F&clicktag=http%3A%2F%2Fad.webtea.cz%2Fr%2Fxxx
   %2Fxxx%2F” />
5. Vysoká kvalita:
   <param name=”quality” value=”high” />
6. Barva pozadí:
   <param name=”bgcolor” value=”#ffffff” />

Pokračování článku

Pokud používáte statistiky Facebook Insights pro webové stránky a u vaší domény se v těchto statistikách nezobrazuje ikona favicon (malá ikona webu v adresním řádku), pravděpodobně ji máte špatně vygenerovanou.

Ikonu lze vygenerovat mnoha způsoby, za vděk dáme Microsoftu a jeho službě Build my pinned site.

Pokračování článku

Ještě před pár dny jste si možná lámali hlavu nad tím, jestli použít Mikroformáty, které zasahují do class a komplikují tak stylování, anebo raději staré známé RDF či mladá Mikrodata z HTML5. Dnes už je volba zcela jasná.

Mikrodata, jasná volba!

Mikrodata právě vznikla jako kompromis mezi RDF a Mikroformáty. Kvalitu ucítil nejen Google, ale i Bing a Yahoo! Proto pod společným projektem schema.org vsadili na Mikrodata.

Pokračování článku

Některé weby nepoužívají sitemap.xml vůbec, jiné mají maximálně jeden. Někdy ale může být potřeba použít více Sitemap. Poté se nabízí dvě řešení:

Pokračování článku

Pokud na stránku vložíte YouTube video přes iframe, což může být flashový přehrávač, a nějaký prvek (třeba div), kterým chcete daný flash překrýt (absolutní pozicování, z-index třeba 102), můžete mít problém. V různých prohlížečích se to chová různě.

Firefox může flashové video bez problému překrýt, Opera také, ale třeba průhledné části divu překreslí černě. O jednotlivých verzích Internet Exploreru ani nemluvě. A třeba Chrome může flashem překrýt celý div, i když to mělo být naopak.

Nastavit CSS vlastnost z-index obyčejně nepomůže. Naštěstí lze problém jednoduše vyřešit pomocí atributu wmode.

Pokračování článku

Mějme následující JavaScriptový kód definující jednorozměrné pole:

var myHash = new Array();
myHash[0] = 'JavaScript je';
myHash[1] = 'prostě';
myHash[2] = 'zábava.';

Jak smazat druhou položku (key+value) z JavaScriptového pole?

Pokračování článku

Google před časem přidal další možnost, jak sledovat návštěvnost pomocí Google Analytics. Tentokrát se jedná o tzv. Asynchronous Tracking.

Tento nový asynchronní měřící kód přináší oproti dřívějším verzím (urchin.js a ga.js) několik výhod:

• rychlejší načítání stránek
• více údajů o návštěvnících během krátkých návštěv stránek
• odstranění nepatřičných sekvenčních operací mezi sledováním uživatelských kliknutí a načtením měřicího kódu

Google doporučuje tento nový způsob sledování nasadit, dřívější verze ovšem budou nadále podporovány. Rozhodně byste ale neměli na jedné stránce používat více druhů měření.

Kód se liší především v umístění na stránce. Dřívější se dával na konec stránky, před uzavírací tag </body>. Tento nový se umísťuje před uzavírací tag </head>.

Pokračování článku

U běžných stránek (bez AJAXu) není problém. Stačí vygenerovaný Google Analytics kód vložit na každou jednotlivou stránku. Při každém zobrazení stránky se JavaScriptový kód zavolá a zaznamená návštěvu.

Problém nastane, pokud máte web postavený na technice AJAX. Protože se mění pouze určité části stránky, Google Analytics se nezavolá a vy tím přicházíte o zaznamenávání návštěvnosti – drasticky se znehodnocuje statistika.

Pokračování článku

Komprese JavaScriptových zdrojových kódů má tři hlavní výhody:

• soubor se zmenší, čímž se sníží traffic (ušetříte na trafficu)
• zrychlí se načítání stránek u klienta (uživatelé budou spokojenější)
• zrychlí se zpravování JS kódu u klienta (uživatelé budou ještě víc spokojenější)

Nástrojů pro kompresi existuje mnoho, řekněme si ale alespoň o dvou nejznámějších:

Pokračování článku

Přibližně rok a půl pro vývoj PHP aplikací používám IDE prostředí Eclipse PDT. Výhody IDE nástrojů oproti aplikacím PSPad nebo Intype nebudu zmiňovat (možná příště).

V Eclipse PDT si založíte nový projekt, do kterého přiřadíte soubory. Práce s většími PHP soubory, řekněme okolo 100 kB (cca 3 300 řádků) je ale (aspoň v mém případě) problematická. Eclipse PDT nestíhá. Úpravy textu (zdrojového kódu) jsou pomalé, Eclipse PDT reaguje se zpožděním.

Větší soubory v Eclipse dělají IntelliSense nepoužitelné

IntelliSense (našeptávač – doplňování kódu) taktéž reaguje se zpožděním. Zobrazení IntelliSense v takovém souboru netrvá pár milisekund, ale 2-3 vteřiny, což je pro práci zcela nepoužitelné.

Záchranou je NetBeans?

NetBeans je v tomto naštěstí jiný – „takový lepší“. Hlavně tedy rychlejší. IntelliSense je svižné, stejně tak práce se soubory, úpravy, ukládání aj.

Rok a půl používání Eclipse PDT ve mně ale zanechalo i návyky, kvůli kterým je přechod ke konkurenci složitější. Upravil jsem si barevné zobrazení syntaxe (dle Eclipse PDT), prošel klávesové zkratky, stále mi ale u NetBeans několik vlastností vadí.

V čem je lepší Eclipse oproti NetBeans?

Následující chování NetBeans mi docela vadí:

1. Vlevo se nachází strom se soubory a projekty. Pokud v Eclipse vyberu soubor „index.php“ a udělám ctrl+c a ctrl+v, nakopíruje se jako kopie s názvem „Copy of index.php“. V NetBeans to bohužel nefunguje. Kopírování funguje, akorát je třeba při vkládání klepnout na složku, do které chci provést vložení (u Eclipse stačí mít označený libovolný soubor z dané složky).
2. K levému stromu souboru ještě jednou. Eclipse jsem si nastavil tak, že stačí jednou klepnout na soubor a hned se vpravo zobrazí jeho obsah. Divné, ale u NetBeans tato možnost asi není (nenašel jsem).
3. V Eclipse označím text a klávesovou zkratkou ctrl+k ihned dojde k nalezení dalšího výskytu řetězce v souboru. Nemusím tedy otevírat vyhledávací dialog. NetBeans to neumí.
4. Pokud mám v Eclipse otevřený odkaz, span, div: <div>text, tak mi za slovem „text“ IntelliSense nabídne uzavření tagu. NetBeans bohužel hloupě nenabídne nic.
5. Další věc se týká nahrazování. Chci provést nahrazení textu v souborech, vyhledávám pomocí regulárních výrazů. Uvedu tedy regulární výraz a text, kterým se má nahradit. Potud v pohodě. Jenže, před provedením se chci ujistit, jestli bude výsledek OK. Eclipse mi nabídne náhled, jak budou úpravy vypadat. NetBeans nikoli.
6. Když v komentáři zdrojového kódu uvedu „TODO:“, oba nástroje jej pochopí jako úkol ke splnění. Eclipse ale navíc u čísla řádku zobrazí malou ikonku; na první pohled je vidět, že se musí něco dodělat. NetBeans nezobrazí nic.
7. Mám proměnnou $test = 5;. Když na ni v Eclipse klepnu kurzorem následovaným klávesovou zkratkou ctrl+shift+j, vytvoří se nad ní komentář, kde k ní uvedu, co potřebuji. NetBeans to asi neumí (jen ve třídě po zahájení psaní komentáře /** a enteru).
8. V NetBeans mi nefunguje posun horizontálního posuvníku při naklonění kolečka myši doleva/doprava.
9. Když v Eclipse PDT napíši: <?, tak automaticky dopní php ?>. NetBeans bohužel nedoplní nic.

Napadá váš řešení? Pokud NetBeans výše uvedené chování zvládá, dejte, prosím, vědět do komentářů pod článkem.
Pokračování článku