Existuje spousta pluginů pro Firefox, které mohou rozšířit základní funkčnost prohlížeče. Mnoho z nich nabízí celou řadu užitečných funkcí jako např. množství stráveného času na internetu nebo nástrojů pro sociální sítě.

Prohlížeč Firefox, který je velmi populární mezi webdesignéry nabízí mnoho pluginů, které mohou být pro Vás velmi užitečné. Zde je 10 nejoblíbenějších nástrojů. Pokud používáte nějaký zajímavý plugin, tak mi napište do komentáře.

1. Web Developer

Web Developer Firefox add-on je obrovský balík nástrojů pro návrh webových aplikací s mnoha masivně užitečnými funkcemi, které vám pomohou provádět úkoly efektivněji. Ve výchozím nastavení se zobrazí jako panel nástrojů v horní části prohlížeče, nabídne Vám různé možnosti, jako je CSS , změna velikosti a Cookies.

Ať už potřebujete prohlédnout CSS stránky, zjistit informace o webové stránce (jako jsou všechny atributy alt obrázků na stránce), rychle ověřit web design zda dodržuje standard W3C.

2. Firebug

Firebug je populární plugin pro vývoj webových aplikací bez kterého se vývojář a webdesigner neobejde

Firebug je open source add-on, který poskytuje výkonné nástroje pro kontrolu a ladění stránek. Firebug Vám může pomoci zjistit, jaký vliv mají CSS styly na určité prvky. Zkontrolujte Document Object Model (DOM) se dozvíte o struktuře webu, určíte atributy html prvků jako je barva, šířka, výška a mnohem více.

Může chvíli trvat, než se s tímto nástrojem naučíte pracovat, ale věřte mi, stojí to za to. Zde je link na užitečné dokumenty , které vám pomohou začít.

3. MeasureIt

Tento Firefox add-on Vám pomůže na libovolné webové stránky při měření určitých prvků webu.

4. ColorZilla

Další věc, se kterou webdesignéři často pracují je barvou. Tento add-on obsahuje výběr barvy a nástroj kapátko, takže můžete zjistit, jaké barvy použít na jakékoliv webové stránky. Podobný Firefox add-on pro check-out je Rainbow Color tools .

5. CSS Usage

CSS Usage je rozšíření pro Firebug (vyžaduje, abyste měli nainstalován Firebug), který ukazuje nevyužité CSS styly. Funguje tak, že identifikuje CSS styly a označuje zbytečné vlastnosti, které mohou být odstraněny, aby byly Vaše CSS soubory co nejmenší.

6. Page Speed

Rychlost webu je důležitá pro použitelnost a uživatelský komfort. Výzkumy ukazují, že návštěvníci webových stránek nenávidí pomalé načítání webových stránek, takže byste měli navrhovat stránky, které se rychle načítají.

Page Speed je rozšíření prohlížeče (pro Firefox a Chrome ), vyvinutý společností Google, která analyzuje webové stránky a řekne vám, kde lze docílit zvýšení rychlosti při načítání stránek. Alternativně můžete použít http://pagespeed.googlelabs.com, která je on-line verzí add-on. Můžete také vyzkoušet YSlow , který funguje podobně jako Page Speed.

7. HTML Validator

Tento šikovný Firefox add-on pomáhá při psaní validního kódu. Zkontroluje napsaný kód a pokud nejsou stránky validní, tak Vám pomůže najít chyby.

8. IE Tab 2

Web designéři velmi často trápí tzv. cross-browser kompatibility (zobrazení stránek v různých prohlížečích). IE Tab 2 je Firefox add-on, který vám umožní zobrazit jakoukoli webovou stránku pomocí aplikace Internet Explorer opuštění Firefoxu. Jediné, co musíte udělat, je kliknout pryvým tlačítkem myši na webové stránky, a zvolit „Zobrazit stránku v IE Tab“ v kontextovém menu.

9. Screengrab

Snímání screenshotů v prohlížeči je běžným úkolem, který budete používat. Screengrab je jednoduchý nástroj pro snímání celé nebo jen vybrané části stránek. Snímek můžete zkopírovat do schránky, nebo uložit na pevný disk jako soubor s obrázkem.

10. SEO Doctor

Optimalizace pro vyhledávače by měla začít už ve fázi návrhu, kdy jsou stránky HTML ještě tvárné. SEO Doctor je vhodným nástrojem pro kontrolu jakékoli webové stránky SEO.

SEO Doktor vám dá skóre mezi 0 a 100% a upozorní na oblasti, které mohou být optimalizovány pro vyhledávače. Výborné je, že můžete exportovat data do tabulky pro další analýzu a protokolování.

Jaké další Add-on používáte? Dejte nám vědět v komentářích.

Převzato z www.mashable.com

Návod na vložení PDF dokumentu do příspěvku WordPressu

1. Použitím FTP klienta nahrajte do kořenového adresáře webu PDF soubor
2. Přihlašte se do WordPresu jako admin a vytvořte nebo upravte příspěvek.
3. Klikněte na tlačítko vložit/upravit Embedded Media.
   
4. (1) Vyberte Shockwave (2) Vložte URL .pdf dokumentu (3) Nastavte velikost (4) Klikněte na vložit
   
5. Uložte příspěvek.

Zkontrolujte na stránkách a máme hotovo.

Další možností je vložit tento kód přímo do příspěvku (musíte v okně příspěvku přepnout na HTML):

<embed src=“http://yoursite.com/the.pdf“ width=“500″ height=“375″>

VV

Fatal error: Allowed memory size of 33554432 bytes exhausted (tried to allocate 2354671 bytes) in ../public_html/wordpress/wp-includes/http.php on line 1331

Jak opravit tuto kritickou chybu během upgradu WordPressu

Zde je jednoduché řešení jak opravit memory limit ve WordPressu.

1. Pomocí Vašeho FTP klienta si zkopírujte z kořenového adresáře webu soubor wp-config.php
2. Soubor wp-config.php si někam uložte.
3. Otevřete wp-config.php v textovém editoru (PSPad, EasyPad) a vložte následující řádek do sekce, která definuje nastavení MySQL.
   

   define(‘WP_MEMORY_LIMIT’, ’64M’);

4. Ulož soubor a nahraj ho zpět do kořenového adresáře webu, tak abyste ho přepsali.
5. Nyní se přihlašte do WordPressu a pokračujte v upgradu.

WordPress by měl dále pokračovat v upgradu.

VV

Návod na vložení videa z YouTube do WordPressu

1. Přihlašte se do WordPresu jako admin a vytvořte nebo upravte příspěvek.
2. Navštivte server YouTube zvolte si video, které budete do chtít vložit. Zkopírujte URL adresu z adresního řádku.
   
3. Zpět do WordPress Příspěvky, klikněte na tlačítko vložit/upravit Embedded Media.
   
4. Vložte zkopírovanou adresu.
   
5. Uložte nebo publikujte a je hotovo.

VV

Návod jak na odstranění <meta name=“generator“ content=“WordPress“ />

Zde je jednoduché řešení jak rychle odstraníte tag <meta name=“generator“ content=“WordPress 2.X“ /> z WordPressu:

1. Přihlašte se do WordPress admin panelu
2. Přejděte do Vzhledu -> Theme Editor a zvol Theme Functions (functions.php) ze seznamu souborů tématu.
3. Na konec souboru před ukončením PHP skriptu ?> vlož následující řádek, který odstraní z hlavičky meta tag:

remove_action(‘wp_head’, ‘wp_generator’);

1. Potvrď kliknutím na uložení souboru. Zkontoluj kód svých stránek.

Jestliže není v kódu, žádné podstránky, tak je <meta name=“generator“ content=“WordPress“ /> odstraněn.

VV

• Seznam používá přibližne 60% uživatelů.
• Google asi 25% uživatelů.
• O zbytek se dělí ostatní vyhledávače.

Seznam vyhledávač

Při řazení odkazů jako jedno z kritérií využívá S-rank, který nabývá hodnot 0 – 100, S-rank lze zjistit v lištičce.
Informace o vyhledávači Seznamu najdete na blogu fulltextového týmu a návod jak stánky optimalizovat v nápovědě Seznamu.
Přidání stránky do fulltextu seznamu – zde můžete přidat vaší stránku do Seznamu, pokud si jí Seznam nenašel.

Google vyhledávač

Při řazení odkazů používá jako jedno z kritérií PageRank, jakých hodnot PageRank nabývá nikdo kromě lidí z Googlu neví k dispozici je pouze GTPR (Google Toolbar PageRank), který nabývá hodnot 0/10 – 10/10, GTPR můžete zjistit v Google Toolbaru.
Podle čeho Google řadí výsledky – poznatky třiceti sedmi světových SEO odborníků o řazení Googlu.

Váhy slov v elementech:

1. title – největší
2. h1 – velká
3. em – lepší než fyzické formátování
4. strong – lepší než fyzické formátování
5. h2, h3… – těžko říci

Meta tagy keywords a description

Meta tag description popisuje obsah stránky. Někdy ho vyhledávače používají jako popis stránek ve svých výsledcích.

<meta name=“description“ content=“Tvorba webových stránek a internetových aplikací.“>

Keywords jsou klíčová slova. Klíčová slova oddělujte čárkou.

<meta name=“keywords“ content=“SEO optimalizace“>

Příklad optimalizované stránky

Dejme tomu, že optimalizujeme stránky webdesignérské studio.

Vybral jsem tato klíčová slova a fráze:

• webdesign
• tvorba www stránek
• tvorba webu
• tvorba webových stránek