Klávesové zkratky na tomto webu - rozšířené Na obsah stránky

Firefox použitelný i ve Vistě

19.34 - 8. června 2008 | Webdesign

Za tu dobu, co jsem na Vistě, jsem většinu času používal pouze Internet Explorer. Samozřejmě mám v systému Firefox, Operu i Safari. V naší branži je to nutnost. Před několika měsíci k nim přibyl Flock, který se tak nějak stal mým hlavním prohlížečem. Firefox 2.0 jsem nepoužíval z několika důvodů.

  1. Ve Vistě je fakt hnusnej, nehodí se tam.
  2. Žere zbytečně pamět.
  3. Neměl pro mě žádnou přidanou hodnotu oproti kompaktnímu IE7.

Ale blýská se na lepší časy. S příchodem Firefoxu 3.0 se mnohé mění. První beta verze sice byly ještě hnusnější než dvojka, ale už poslední bety vypadaly přívětivěji. Pak jsem objevil několik zajímavých rozšíření, který dodají Firefoxu 3.0 konečně look & feel Windows Vista. Prvním je Glasser, který dodá prostředí více skla subsystému Aero, a druhým Hide menubar, který schová hlavní nabídkový pruh – vyvolat lze stiskem klávesy Alt. Konečně se nebojím Firefox zapínat! :)

Autor: Aleš Roubíček | 11x komentováno | Delicious | FriendFeed | Facebook | Linkuj!

Mikroformáty - Důvod proč používat XHTML

11.04 - 12. února 2008 | Webdesign

Minulý týden jsme si prodiskutovali pár mýtů na téma HTML vs. XHTML. Zjistili jsme, že v HTML 4 jsou hodnoty atributů id a class citlivé na velikost písmen (přinejmenším v CSS a JavaScriptu). Shodli jsme se na tom, že DTD je přežitek, a že za spoustou mýtů stojí prasata, která jsou podvědomě spojována s HTML.

Dneska si povíme o jedné věci, která nám možná přidá na hodnotě XHTML a tou jsou mikroformáty.

Mikroformáty

Mikroformáty jsou sémanticky obohacené části XHTML kódu. Ačkoli se pro jejich definovaná využívá atributů (class, rel, rev…), které jsou samozřejmě definovány v HTML, k získávání jejich cenných dat se obecně využívá XML parserů. Proto je lepší mít stránky v dobře sestaveném XHTML, než v plně validním HTML – samozřejmě pokud chcete mikroformáty využívat. Ale proč by ne.

Uživáme v praxi

Když se podíváte do pravého sloupce (možná je až dole), na první pohled tam nenajdete nic zajímavého, vlastně kecám. Hned nahoře jsou moje kontaktní údaje, k jejich definici jsem použil mikroformátu hCard, který slouží k popisu vizitkových dat a je kompatibilní se standardním formátem vCard.

O kousek niž je další box s titulem Kolegové a kamarádi, není to nic jiného než blogroll s odkazy na mé kolegy, kamarády a další dobré lidi :). Při jeho tvorbě jsem použil špetku mikroformátu zvaného XFN. Tento slouží k definici meziblogových vztahů.

Mezi těmito boxy je jiný, tako co žádný mikroformát nepoužívá, ale informuje o tom, že stále hledám nějakého šikovného kolegu, co umí dobře C# a chtěl by se mnou spolupracovat na Atlasu firem a s ním spojených interních systémech. Práce je to opravdu zajímavá, rozšíříš si obzory a navíc možnost pracovat s tak milými a sympatickými lidmi…

S čím na ně?

Jo k praktickému využití mikroformátů ještě schází podpora v prohlížečích. Do odnoží firefoxu se dá doinstalovat nástroj Operator, který je určitě dobrým pomocníkem při vývoji a je propojen na některé služby, které s MF umí pracovat. Nativní podpora pro mikroformáty je slibována ve Firefoxu 3 a Internet Exploreru 8 (znamená to, že bude konečně umět XHTML?). Dále se po internetu válej nějaký skripty, které slouží k transformaci na jiné formáty, CSSka pro zvýrazňování mikroformátů ve stránce a tak.

Tagy: Microformats, XHTML

Autor: Aleš Roubíček | 8x komentováno | Delicious | FriendFeed | Facebook | Linkuj!

Netscape 9.0 theme pro Firefox

20.05 - 7. května 2007 | Tuning

Netscape uvolnil pěkný minimalistický theme pro Firefox. Možná by se mohl líbit i vám (ve Vistách vypadá o hodně lépe než defaultní).

Stahujte na stránkách Netscape blogu.

Autor: Aleš Roubíček | Zatím bez komentáře | Delicious | FriendFeed | Facebook | Linkuj!

Formát OpenSearch – díl 2.

12.01 - 29. října 2006 | Webdesign

OpenSearch je otevřený formát založený na XML, jehož vývoj iniciovala a podporuje firma Amazon. V současné době existuje Draft 3 verze 1.1, kterou implementují i nejnovější verze oblíbených prohlížečů Internet Explorer 7 a Firefox 2.0 nebo vyhledávač A9 právě od Amazonu. OpenSearch je sada specifikací z nichž nejdůležitější jsou formáty OpenSearch Description a OpenSearch Response. Tyto formáty jsou určeny k popisu vyhledávaciho stroje a popisu nalezených výsledků.

OpenSearch Description

Tento formát je, jak už název napovídá, určen k popisu vyhledávacího stroje. Základní elementy patří do jmenného prostoru http://a9.com/-/spec/opensearch/1.1/ a kořenovou značkou je OpenSearchDescription. Tato obsahuje následující subelementy:

ShortName
Název vyhledávacího stroje
Musí být v dokumentu právě jednou a jeho obsah je omezen na 16 znaků čistého textu.
Description
Popis vyhledávacího stroje
Musí být v dokumentu právě jednou a jeho obsah je omezen na 1024 znaků čistého textu.
Url
URL hledaného datazu
Musí být v dokumentu alespoň jednou, nejedná se o párovou značku, obsah je definován následujícímí atributy.
povinný atribut template definuje šablonu url datazu, šablona je parametrizována pomocí OpenSearch URL template syntaxe, povinný je parametr {searchTerms}, který je nahrazován hledanou frází
povinný atribut type určuje MIME typ výstupu hledání
nepovinné atriuty indexOffset a pageOffset slouží k posunutí indexu prvního výsledku nebo první stránky, oba jsou přednastaveny na jedničku. Ovlivňují počítání nepovinných parametrů {startIndex?} a {startPage?}.
Contact
Nepovinný element definující kontakt na adminstrátorara. Element může obsahovat pouze e-mailovou adresu a v dokumentu se může vyskytovat maximálně jednou.
Tags
Nepovinný element obasující klíčová slova oddělená mezerou. Délka je omezena na 255 znaků a element se může v dokumentu vyskytovat maximálně jednou.
LongName
Název vyhledávacího stroje ve formě čitelné pro lidi
Může se v dokumentu vyskytovat maximálně jednou a měl by být preferovaný pro zobrazování před ShortName. Délka je omezena na 48 znak.
Image
Ubsahuje URL obrázku, grafické ikonky, spojené s vyhledávačem.
Počet výskytů není omezen, jednotlivé obrázky se mohou lišit ve velikosti a MIME typu, které jsou specifikovány následujícími volitelnými atributy.
Atribut width určuje šířku obrázku
Atribut height určuje šířku obrázku
Atribut type určuje MIME typ obrázku
Language
Definuje jazyk výsledku hledání, obsah může obsahovat pouze zkratku jazyka podle XML nebo asterix (*) pro všechny jazyky.
InputEncoding
Znaková sada přijímaná vyhledávacím strojem. Pokud nejí určeno použije se UTF-8 kódování.
OutputEncoding
Znaková sada výstupu hledání.

Sepecifikace definuje ještě několik dalších elementů pro definici práv k dokumentu, ochrana mladistvích apod. které se používají ve specifických případech a jejich použití není zas tak běžné. Nyní si ještě doplníme výčet URL parametru.

OpenSearch URL parameters

Parametry se používají v atributu template značky Url a jsou nahrazovány konkrétními daty dotazu. Syntaxe parametru je velice jednoduchá: název pramatru je uzavřen ve složených závrokách a nepovinnost parametru je vyjádřena otazníkem před uzavírací závorkou. Příklad: {povinnyParametr} a {nepovinnyParametr?}. Parametry mohou být rozšířeny o vlastní sady pomocí XML jmenných prostorů. Ukázka <Url xmlns:moje="urn:moje-rozsireni" template="http://example.com/?q={searchTerms}&amp;neco={moje:neco}" ....

searchTerms
Parametr je nahrazen hledanou frází
count
Parametr je nahrazen počtem výsledků na stránku
startIndex
Parametr je nahrazen indexem výsledku
startPage
Parametr je nahrazen číslem stránky
language
Parametr je nahrazen jazykem
inputEncoding
Parametr je nahrazen vstupním kódováním
outputEncoding
Parametr je nahrazen výstupním kódováním

Ukázku kódu najdete v prvním díle této mini série. Tímto bych ukončil popis formátu OpenSearch Description a příště bych rád něco o formátu OpenSearch Response.

Autor: Aleš Roubíček | Zatím bez komentáře | Delicious | FriendFeed | Facebook | Linkuj!

Formát OpenSearch – díl 1.

11.36 - 24. října 2006 | Webdesign

O formát OpenSearch jsem se začal zajímat někdy najaře letošního roku z velmi prostého důvodu – lze v něm snadno definovat vlastní vyhledávací modul pro Internet Explorer 7.0 a Firefox 2.0. To však není vše, co tento formát umí a k čemu je určený.

Definice vyhledávacího modulu

Pokud máte na svém webu implementováno vyhledávání, můžete svým návštěvníkům zkrátit cestu přidáním vlastního modulu, který se přidá do seznamu vyhledávacích strojů ve vašem prohlížeči. Jak na to vám vysvětlí následující odstavce :)

Nejprve je nutné napsat OpenSearch Description dokument s definicí vašeho modulu. Malá ukázka:

<?xml version="1.0" encoding="UTF-8"?>
<OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/">
  <ShortName>Web Search</ShortName>
  <Description>Use Example.com to search the Web.</Description>
  <Tags>example web</Tags>
  <Contact>admin@example.com</Contact>
  <Url type="text/html"
       template="http://example.com/?q={searchTerms} "/>
  <Url type="application/rss+xml"
       template="http://example.com/?q={searchTerms}&amp;format=rss"/>
</OpenSearchDescription>

Ukázka popisuje fiktivní vyhledávač, který poskytuje výsledky hledání ve formě HTML a RSS (dva elementy Url s definovaným content-typem), důležitým parametrem je {searchTerms}, který klient (např. prohlížeč) nahradí svým dotazem, další parametry . Obsah elementu ShortName určuje název vyhledávacího stroje – tento se bude zobrazovat v seznamu vyhledávacích modulů. Další elementy jen přidávají další metadata pro autodiscovery.

Pak stačí přidat do vašich stránek element link, který odkazuje na soubor vytvořený v předešlém kroku. Připojení je obdobné s připojováním RSS nebo Atom kanálu. Příklad:

<link rel="Search"
      href="http://www.example.com/opensearch.xml"
      type="application/opensearchdescription+xml"
      title="Example Search" />

rozsvícené tlačítko Pokud pak navštívíte takovou stránku, prohlížeč vám dá vědět, že našel modul rozsvícením tlačítka pro výběr modulu.

Další možností, jak modul vytvořit je použít generátor.

Související

Autor: Aleš Roubíček | 6x komentováno | Delicious | FriendFeed | Facebook | Linkuj!

Společný projekt Microsoftu a Googlu

16.33 - 15. prosince 2005 | Jen tak

Dnes se internetem šíří samé podivné zprávy. Nejprve RSS team zveřejnil informaci, že ikonka pro feedy v novém Internet Exploreru bude stejná jako ve Firefoxu, na čemž se domluvili zástupci obou stran (Microsoft a Mozilla Foundation). Takovýto postup prý není ojedinělým. Předtím se takto domluvili na podbarvení adresního řádku ve výjimečných situacích.

Další neuvěřitelnou zprávou je, že Microsoft spojí své síly s Googlem, Sunem a univerzitou Berkley. Ke spojení sil dojde pouze na akademické půdě, jde totiž o vytvoření výzkumné laboratoře, kde se budou vyvíjet a testovat technologie pro RAD systémy. V ostatních případech zůstanou tyto firmy rivaly.

Autor: Aleš Roubíček | Zatím bez komentáře | Delicious | FriendFeed | Facebook | Linkuj!