Feb 17 2013

Nefunkční animace background-position od jQuery 1.8

Až vám po aktualizaci na jQuery 1.8 nebo 1.9 přestane fungovat animace na background-position, vyzkoušejte toto řešení. Informace o novém Animation najdete zde.


Feb 16 2013

JavaScript a background-position: Jak napozicovat obrázek v pixelech vůči aktuální poloze?

Na pozadí elementu máme napozicovaný obrázek například takto:

body { url(‘/img/obrazek_pozadi.jpg’) center top no-repeat; }

Obrázek je úplně nahoře (osa y) a vycentrovaný na střed (osa x). Místo center můžeme použít 50% a místo top 0%.

Představte si situaci, že ho potřebujeme pomocí JavaScriptu posunout o 60 pixelů vlevo (na ose x). V jQuery jsem nenašel způsob, jak to nějak jednoduše udělat. Přes $(‘body’).css(‘background-position’); mohu sice zjistit jeho pozici v procentech, ale nikoli v pixelech, což znamená, že nemáme 60 pixelů od čeho odečíst.

Pokračování článku


Feb 28 2012

Užitečné on-line nástroje pro webové vývojáře

Výkon webu

https://developers.google.com/pagespeed/

http://www.webpagetest.org

http://tools.pingdom.com

Gzip komprese

http://nontroppo.org/tools/gziptest/

DNS, A, MX, TTL aj.

http://www.who.is/dns/

Pokračování článku


Feb 20 2012

Přesměrování stránky bez zachování hlavičky Referer (PHP)

Někdy můžete chtít ze své stránky odkázat na jiný web tak, aby cílová stránka nezjistila, odkud uživatel přišel (URL). Běžně se to lze dozvědět z hlavičky Referer, pokud ji uživatel neblokuje (například firewallem).

Pro tento případ je proto vhodné připravit mezistránku (například soubor /r.php), které předáte cílovou URL. Stránka odstraní Referer a přesměruje na cílovou, která se tak nedozví původní URL.

Odkaz vygenerujte třeba takto:

echo ‘<a href=”/r.php?u=’ . htmlspecialchars(urlencode(‘http://blog.zdenekvecera.cz/item/category/php’)) . ‘”>odkaz</a>’;

Pokračování článku


Feb 7 2012

Řešení problému: Sources directory is already netbeans project (maybe only in memory)

Spokojeně používáte NetBeans, až jednou za jeho běhu přímo ve Windows přejmenujete/přesunete adresář, který doposud sloužil jako cesta k jednomu z projektů.

Daný projekt z NetBeans zmizí a vy se jej pokoušíte přes File -> New Project -> PHP Application with Existing Sources znovu  přidat. Marně, protože pokaždé se vypíše chybová hláška:

Pokračování článku


Jan 27 2012

Flash vám překrývá prvky s vyšším z-index? Nastavte mu wmode=”opaque”

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


Jun 5 2011

Chybějící favicona webu ve Facebook Insights

FacebookPokud 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


Jun 3 2011

Mikrodata, Mikroformáty nebo RDF? Rozhodování skončilo

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


May 3 2011

Seznam.cz už umí více Sitemap v robots.txt

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


Apr 26 2011

Flashové YouTube video, z-index a wmode

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