Posted on by Jirka Bureš

Koketuji s Web Slice

Internet Explorer 8 přichází s novou funkčností nazvanou Web Slice. Pomocí Web Slice můžete kontrolovat změny na webových stránkách bez toho, abyste na dané stránky v prohlížeči šli. Stačí, abyste měli IE8 nebo nainstalovaný doplněk do svého prohlížeče a stránka musí být pro Web Slice připravena.

Podrobnější informace najdete v článku Subscribing to Content with Web Slices.

Co je Web Slice

Autor stránky vyznačí oblast, která může být webovým prohlížečem automaticky kontrolována. Abyste zjistili, jestli se tato část stránky změnila, nemusíte na stránku přejít. Stačí, když v prohlížeči použijete nástroj, který si vyznačenou část stránky přečte a zobrazí náhled na tento obsah. IE8 zobrazuje Web Slice v panelu Oblíbené položky.

Zelená ikona

Oficiální ikona Web Slice

Web Slice na conBLOGu

Minulý týden jsem nasadil Web Slice tady na conBLOG. Na titulní stránce conBLOGu je vyznačen nejnovější spot. Pokud máte IE8 nebo Firefox s příslušným rozšířením (viz dále) můžete zkusit najet myší na nejnovější spot. Připomínám, že musíte být na titulní stránce conBLOGu.

Jak vyrobit Web Slice?

Když se podíváte do zdrojového kódu titulní stránky conBLOGu, uvidíte, že nejnovější (první) spot na stránce má mírně rozšířený kód:

  1. Spot je obalen do značky div s třídou hslice a id="cb".
  2. Nadpis spotu má přidělenou třídu entry-title.
  3. Obsah spotu má třídu entry-content.

Na podrobný popis Web Slice se můžete podívat třeba na stránku Web Slice Format Specification – Version 0.9.

Web Slice a Firefox

Web Slice je poměrně jednoduchá specifikace. Proto by neměl být problém ji zavést do dalších webových prohlížečů nebo aplikací. Ve Firefoxu můžete vyzkoušet rozšíření WebChunks (právě teď ve verzi 0.20).

Já jsem WebChunks nainstaloval do svého Firefoxu. Když najedu myší na Web Slice na stránce, oblast se spořádaně orámuje a ukáže se ikona. Když na ikonu klepnu myší, zobrazí se dialog pro „předplacení“ zdroje. Zdroj se zobrazí v liště WebChunks toolbar. Až potud je vše OK. Když ale otevřu na liště příslušný zdroj, zobrazí se symbol pro načítání a pak se mi zobrazí jenom prázdné okénko v případě conBLOGu rozsypaná čeština. Zkoušel jsem taky Web Slice ze Živě.cz, ale výsledkem je stejný prázdné okénko rozšíření. Uvidím, jak se pochlapí další verze WebChunks.

Screenshot

Prázdné Pomatené okénko WebChunks

Protože nemám nainstalovaný IE8 tak nevím, jestli se můj Web Slice chová tak, jak by měl. Jestli máte možnost ověřit funkčnost Web Slice na conBLOGu, dejte mi vědět do komentářů.

Posted on by Jirka Bureš

Linky na víkend 215

8 Ways to Buy Links Without „Buying Links“
Rand Fishkin – další možnosti budování zpětných odkazů.
Použitelnost a inovace
Martin Snížek se ptá, jestli použitelnost brání inovacím?
25 Color Palette Generating Resources for Web Designing!
Linda Chadbourne – barevná schémata.
Mikroformáty
Martin Malý vyzývá k používání mikroformátů.
Gmail Rolls Out Themes
Philipp Lenssen – Gmail umí skinovat své uživatelské rozhraní.
Posted on by Jirka Bureš

Čtyřista čtverky

Prodloužený státně sváteční víkend a všichni pracují jak draci. Já jsem sice s tchánem vydláždil dalších pět metrů dvora, ale pořád to jaksi nebylo ono. Ani osvětová dvouhodinovka se synem na téma proč se Sametová revoluce nejmenovala Smetanová revoluce a proč na Národní třídě v 89. nacisti nepostříleli žádné studenty, mi nepřinesla to pravé vývojářské uspokojení.

Tak jsem aspoň pod dojmem článku 36 Cool Custom Error 404 Pages předělal čtyřista čtverku na tomto webu. A jestli přestane pršet, tak půjdu nalakovat na domečku okna z ulice.

Posted on by Jirka Bureš

Linky na víkend 214

Microsoft Opens the Live Search API to the Public
Arnold Zafra
How Much Does Semantic HTML Structure Matter for SEO?
Ann Smarty – hledí vyhledávače na čistotu kódu?
The Pitfall of Adding Keyboard Shortcuts to Web Apps
Dmitry Fadeyev – na klávesové zkratky je potřeba dát pozor.
Jsou čeští internetoví odborníci odolní vůči socialnímu inženýrství?
Martin Hassman – vždy připraven!
Google předvídá chřipkové epidemie
Pavel Houser přebírá článek z NewScientist
Hříchy pro šíleného korektora – ještě jednou o stylistice
Petr Behún – češtinářský závěr dnešních Linků.
Díky vs. kvůli – učebnicový příklad
Dalibor Behún a já dodám v důsledku i vinou.
Posted on by Jirka Bureš

Úprava převodních tabulek

Už hodně dlouho jsem nedělal žádné změny na webu conVERTER. Dnes dopoledne jsem trochu vyladil některé tabulky.

Mým cílem bylo zlepšení vzhledu a čitelnosti textu v převodních tabulkách fyzikálních jednotek. Původní vzhled tabulky byl poměrně dost „naňachňaný“. Výrazný barevný podklad hlavní jednotky mi taky moc neseděl:

Původní vzhled části tabulky

Původní vzhled tabulky

Proto jsem provedl několik úprav:

Nový vzhled části tabulky

Nová tabulka

Jak už jsem psal, tak hlavní myšlenkou bylo zlepšení čitelnosti obsahu tabulky. Upravil jsem tyto věci:

  • Zvětšil jsem mezeru mezi řádky. CSS vlastnost line-height jsem nastavil na hodnotu 140%. Větší rozestup řádků na webových stránkách zlepšuje čitelnost textu.
  • Zvětšil jsem odstup textu od mřížky tabulky (vlastnost padding). Větší je levý a horní okraj než dva zbývající. Větší mezery zvýrazňují sloupce i řádky. Více místa nad odstavcem dělá text opticky stabilnější.
  • Změnil jsem barvu pozadí prvního řádku s tzv. hlavní jednotkou. Původně hodně jásavé červené pozadí jsem zmírnil změnou barvy na okrově hnědou.
  • Zkušebně jsem nasadil jQuery, kterým měním barvu lichých řádků a dělám hover efekt řádků, na kterých je kurzor myši. Použil jsem kód z článku Tutorials:Zebra Striping Made Easy.

Nové tabulky jsou třeba na stránkách plošný obsah nebo hmotnost.