Internet Info, s.r.o. Lupa Root Měšec Podnikatel DigiZone Slunečnice Vitalianew Bomba Navrcholu Weblogy Jagg Woko Dobrý web Computer.cz SK: MojeLinky
Root.czBlogyPetr Krčmář: blog nejen o Linuxu

Readability: proměňte web v noviny

Petr Krčmář, 21. 06. 2010, 15:06 v kategorii Internet, Webové prohlížeče, štítky: ,

Dnešní čtenáři už nejsou zvyklí na webu číst delší texty. Jedním z důvodů je i vzhled některých stránek. Rozšíření Readability promění libovolný web v noviny.

Informace se přesouvají na web, klasické papírové noviny upadají a čtenáři raději civí do monitorů. To má jistě řadu výhod, ale má to i své nevýhody, které často čteme na internetu zhuštěné do jednoduchého hesla „papír je papír“. Faktem je, že dnešní různobarevné, předesignované a často nečitelné weby příliš nenahrávají čtení delších textů.

Kde čtete obecné zpravodajství?

Zobrazit výsledky

Nahrávání ... Nahrávání ...

To je také důvod, proč řada lidí po přečtení osmého odstavce článku raději panel zavře a jde číst zase něco jiného. Už jsem to slyšel mnohokrát. „Četl jsi ten článek?“ „Nedočetl jsem ho, bylo to na mě moc dlouhé.“. I když noviny v mnohém upadají, určité typografické standardy v nich obvykle zůstávají: rozumná velikost písma, optimální délka řádků, příjemný font (patkový) a podobně. Není to tak samozřejmě vždy, ale to je také důvod, proč pořád platí, že „papír je papír“.

Dnes jsem náhodou u Reného Nekudy objevil informace o projektu Readability (česky čitelnost). Jedná se o velmi jednoduchý nástroj, který umí ve vašem prohlížeči zobrazit z každého webu to podstatné – samotný obsah. Navíc v „novinové formě“, která se čte naprosto skvěle.

Na webu projektu si můžete nechat sestavit bookmarklet, který si pak uložíte do záložek ve svém prohlížeči. Můžete si naklikat velikost písma, zrušení hyper odkazů a jejich převedení pod čáru a podobně. Vygeneruje se vám bookmarklet. Protože je Readability velmi zajímavá věc, rozhodli se ji převzít i tvůrci rozšíření a tak si jej můžete doinstalovat přímo do prohlížečů: Firefox a Chrome.

Já sám používám Chrome, takže jsem nainstaloval a vyzkoušel v něm. V konfiguraci je možné zvolit vzhled upravené stránky, velikost, šířka a další drobnosti. Kromě toho si můžete vybrat klávesovou zkratku, kterou Readability na konkrétní stránce spustíte. Přímo v konfiguraci se vám zobrazuje příkladová stránka, na které jsou ihned vidět navolené změny.

Pak už můžete jít na to. Rozšíření slouží k úpravě konkrétních článků, ne titulních stránek. Pokud se o to pokusíte, upozorní vás na to.

Vyberte si nějaký standardní článek, který si chcete přečíst:

Pokud si jej chcete v klidu přečíst, stačí kliknout na nové tlačítko v liště prohlížeče. Okamžitě proběhne změna:

Můžete začít v klidu číst, stránka je hezky čistá – prostě jako v novinách. Vlevo jsou tři tlačítka, která slouží k návratu na originální stránku, vytištění textu a poslání článku mailem. Jednoduché a funkční. Vyzkoušejte.

Komentáře (21)

  1. 21. 06. 2010, 15:34 Lojza napsal:

    Co jsem se zběžně podíval na kód, tak to pouze nahrazuje CSS. Čekal jsem víc javascriptu a využití stylu pro tisk...

  2. 21. 06. 2010, 15:35 Lojza napsal:

    Tím jsem nechtěl říct, že to nefunguje. Ba naopak!

  3. 21. 06. 2010, 15:42 Lojza napsal:

    Omlouvám se. Přehlédl jsem http://lab.arc90.com/experiments/readability/js/readability.js
    Ale dokáže někdo vysvětlit, proč je k adrese přidáváno ?x=náhodné_číslo?

  4. 21. 06. 2010, 16:02 EnricoBadalamento napsal:

    já je nečtu ani na webu ani v papírových novinách ale čtu (odebírám)PDF verze Hospodářských novin, mimochodem časopis computer taky ...

  5. 21. 06. 2010, 16:15 Tomáš napsal:

    Je to něco jako má Safari 5?

  6. 21. 06. 2010, 16:25 xkucf03 napsal:

    Tohle je taky zajímavá čtečka: http://www.vuvuzela-time.co.uk/root.cz – akorát škoda, že potřebuje Flash.

  7. 21. 06. 2010, 16:51 sorki napsal:

    [3] kvoli cache

  8. 21. 06. 2010, 17:35 Pavel 'TIGER' Ruzicka napsal:

    [6] Voe bba, kvuli tomu necucim na fotbal, ale dobrej zpusob, jak se vylecit ze zavislosti na internetu :-D :-D

  9. 21. 06. 2010, 17:46 Miroslav Suchy napsal:

    Super, akorát u mého Firefoxu znamená Ctrl+Alt+R (shortcut pro aktivaci Readibility) restart Firefoxu. Nevím jestli je to default nebo za to může nějaký plugin, ale když jsem změnil zkratku, tak už to jede.

  10. 21. 06. 2010, 18:04 Starejbar napsal:

    [6] +1

  11. 21. 06. 2010, 19:10 Karlos napsal:

    3, predpokladam ze je to "anti-cache"

  12. 21. 06. 2010, 21:38 Petr Mejzlík napsal:

    Jako úprava stránky pro tisk je patkové písmo pochopitelné, ale proč to mění písmo na patkové pro čtení na obrazovce? Pro čtení na obrazovce patkové písmo není vhodné, naopak čitelnost zhoršuje.

  13. 22. 06. 2010, 00:06 mj napsal:

    Pro mně to nefunguje :/

    Pokud máte vypnutý javascript (noscript), stránku tím nezobrazíte.

    Zlatý Reader v Safari 5, nepodporujte kopie, podporujte originál :)

  14. 22. 06. 2010, 11:32 Czestmyr napsal:

    [12] [Citation needed]

    Ale teď vážně - proč si to myslíte? Můj názor je, že malé bezpatkové písmo je čitelnější, proto se v počítačích používá v GUI, terminálech a podobně. Avšak se vzrůstajícím rozlišením jednoho znaku se čitelnost přelévá směrem k patkovým fontům.

  15. 22. 06. 2010, 12:11 speedy turtle napsal:

    [13] práve Apple použilo kód z readability:
    http://www.theregister.co.uk/2010/06/08/safari_reader_based_on_open_source_project/

    podporujte originál :-)

  16. 22. 06. 2010, 13:45 Petr Mejzlík napsal:

    [14] [ http://en.wikipedia.org/wiki/Serif#Usage ]: "While in print serifed fonts are considered more readable, sans-serif is considered more legible on computer screens.[2] Most web pages employ sans-serif type for this reason.[5]"

    Řeknou vám to všude, přesné vysvětlení neznám, asi to souvisí s tím, že obrazovka má omezené rozlišení a patky ruší. Taky s antialiasingem se malé písmo špatně čte. Na tom, že u dostatečně velkého písma patky nevadí, něco bude. Ta ukázka se takhle velká čte dobře. Prostě asi to tak bude: malé písmo (málo pixelů na písmeno) - líp se čte bezpatkové; velké písmo (hodně pixelů na písmeno) - líp se čte patkové.

  17. 22. 06. 2010, 13:58 Czestmyr napsal:

    [16] Jasně, takže jsme se shodli. Ale pokud Readability písmo změní na patkové a ještě zvětší font, tak to může být na čtení příjemnější, a potom není pravda, že na obrazovku není patkové písmo vhodné.

  18. 22. 06. 2010, 15:31 Justas napsal:

    [16] Jde o to, že serify pomáhají vést oči po řádku, proto se lépe čte patkové písmo než bezpatkové. Jenže ruší linii písmen, pokud nejsou nakreslena dostatečně jemně. Z toho potom vyplyne, že pro každého člověka existuje hranice velikosti písmen, pod kterou je lepší použít písmo bezpatkové, zatímco nad ní patkové. Ale pozor, ta velikost je v pixelech, nikoli v metrech (bodech) Pokud budeme týž PDF s desetibodovým písmem soubor tisknout na tiskárně s 1200 DPI, bude vhodným fontem patkové písmo, pokud to budeme tisknout na devítijehličkovce nebo BT-100, raději sáhneme po písmu bezpatkovém.

  19. 22. 06. 2010, 16:01 mj napsal:

    [15] Ok, tak jo - jenže v Safari to funguje i s vypnutým javascriptem ;)

  20. 26. 06. 2010, 10:24 Bubak napsal:

    Hlavne si zmente barvu pozadi. Cerna na bile je fakt hodne spatna kombinace na cteni.

  21. 26. 06. 2010, 10:25 Bubak napsal:

    Jeste dodam ze tohle ma Opera zhruba 10 let...

K tomuto spotu není povoleno přidávání komentářů.