Marenkův bloček

Nový Občanský zákoník

2012-01-25T23:17:00.000+01:00

Nový Občanský zákoník je podle serveru Ministerstva vnitra Zákon pro život, zákon inspirovaný životem., jak se mimo jiné dozvíte na webu věnovaného zejména změnám v tomto kodexu Občanský zákoník. I zde lze nalézt úryvky s diskutovanými archaismy pacht a výprosa...

Jak sledovat nenalezené stránky "404" v Google Analytics

2012-01-25T22:43:00.001+01:00

V zajímavém článku Sledujte chybové stránky v Google Analytics na Zdrojáku se dočtete nejen proč by měl každý správce webu (blogu, e-shopu, on-line aplikace) sledovat, proč se návštěvníci dostávají na neexistující stránky (smazané, zrušené, nenalezené) vracející chybu 404, jak často, odkud přicházejí a odkud pocházejí, kam odcházejí, ale hlavně jak na to s Google Analytics.

Doporučený postup samozřejmě pracuje s asynchronním kódem a využívá události. Text lze právě proto vzít i jako ukázku praktického použití sledování událostí v Google Analytics.

Různé formuláře online a zdarma

2012-01-22T17:01:00.000+01:00

Stane se, jako třeba nám včera, že potřebujete vystavit nějaký doklad. A rychle. Tištěný formulář v šuplíku nemáte, obchody jsou zavřené, nějaký speciální formulářový program také k dipozici není... Ale třeba zrovna ten váš ve formátu PDF na serveru Form.cz - formuláře na internetu. Najde zde formuláře pro pojišťovnu, fakturu, cestovní příkaz a mnoho dalších.

(Katalog obsahuje formuláře také ve formátu pro program FormFiller a dalších.)

Knižní vazba a formáty papíru

2012-01-22T16:30:00.001+01:00

Jak přesně vypadá měkká nebo tuhá vazba? Co znamená V1, V2 či V8? Co znamená Na skobičku? Možná je vám to jedno, ale v momentě, kdy se potřebujete domluvit s tiskárnou nebo zadat požadavky na brožurku v reklamce, je třeba se trošku připovzdělat.

Základní přehled najdete, jak jinak, na Wikipedii v textu Knižní vazba. Doporučuji ovšem podrobnější články i s názornými obrázky, třeba Grafika.cz - Vazby, jejich přehled a dělení nebo Printing.cz - Jak na tuhé knižní vazby? a Printing.cz - Jak na měkké a polotuhé vazby?. Všechny články vycházejí ze stejného zdroje a nenechte se odradit jejich stářím - v knihařině se toho tolik nemění. Jen díky lepším materiálům třeba lepená vazba dovolí více listů než dřív.

Foto: grafika.cz

No a když už budete ve studiu tohoto tématu, neopomeňte článek Grafika.cz - Dokončovací výroba - finále polygrafie vysvětlující skládání archu, snášení a vázání.

Dobré je také orientovat se ve formátech papírů, protože se znalostí rozměru s obligátní A4 nemusíte vystačit: Formát papíru - Wikipedie.

Co když miniaplikace Google Calendar na iGoogle neukazuje můj vlastní kalendář?

2012-01-20T22:58:00.000+01:00

Dlouhý čas jsem pro zobrazení aktuálních úkolů v mém Google kalendáři na stránce iGoogle používal gadget Oficiální miniaplikace Kalendář Google. Ta ovšem už nějaký čas odmítá zobrazovat moje vlastní neveřejné kalendáře. Zobrazí je vždy jen po změně nastavení, ale příště jsou zase fuč. Nefunguje - pryč s ním! Ale co jiného? Podobných gadgetů/miniapliací je samozřejmě spousta. Rozhodl jsem se vyzkoušet Google Calendar (GCal) gadget (Autor: Bas Hennekam), do kterého po instalaci jednoduše vložíte kód vygenerovaný na stránce Nápověda k vloženému kalendáři Google.

Remarketing aneb malý velký bratr v akci

2012-01-18T20:49:00.000+01:00

Jistě jste si již všimli, že některé internetové reklamy vás pronásledují po prohlížených webech. A přitom se týkají něčeho, co jste před chvílí studovali na některém, zpravidla firemním, webu. To je důsledkem remarketingu, další z vymožeností systému AdWords od Google.

Jak remarketing vlastně funguje, jak a k čemu jej využívat, se můžete dozvědět v článcích Remarketing: Zasáhněte své publikum efektivněji - Google Blog ČR a AdWords Remarketing: Nový způsob online reklamy - Lupa.cz.

P.F. 2012

2012-01-01T00:00:00.000+01:00

Ať se ti podaří udržet balanc a nespadnout do s...

(není-li ti obrázek moc jasný, hledej heslo šoufek)

Žebřiček českých a moravských měst v kvalitě života

2011-11-25T23:05:00.001+01:00

Již počtvrté byly zveřejněny výsledky socioekonomické studie MasterCard česká centra rozvoje. Výsledky zpracovali na serveru iDNES.cz v článku Nejlíp se žije v Jindřichově Hradci. Srovnejte s ním své město na mapě. Tamtéž naleynete i interaktivní mapku i s popisem jednotlivých měst Města s nejlepší sociální situací.

Pokud vás výsledky studie zaujali a vrtá vám v hlavě, kde to teda proboha vlastně žijete, prostudujte si také Informační brožuru s kompletními výsledky čtvrtého ročníku MasteCard česká centra rozvoje 2011, kterou v pdf naleznete na stránce s výsledky letošní studie.

Celá studie našich životů ovšem stojí na statistice a váhování parametrů. Stačí změnit váhy a výsledky se rázem změní (povšimněte si rozdílů v pořadí měst dvou prvních a dvou následujících ročníků - tolik se realita přeci nezměnila). Také nebere v úvahu okolí hodnocení měst. Zajímavý by byl také vztah výsledků k dopravní infrastruktuře.

Nicméně stejně není o čem diskutovat, protože V Českých Budějovicích by chtěl žít každý ;-)

Foto: idnes.cz

link2this - bookmarklet pro Firefox

2011-11-22T21:52:00.001+01:00

Už mě zlobilo pořád nadvakrát kopírovat odkaz a název stránek, na které jsem chtěl do příspěvku na blogu vložit odkaz. Stvořil jsem si proto bookmarkletek - stačí tento kód vložit do bookmarku a ve vhodnou chvíli na něj kliknout a pak z panýlku zkopírovat připravený HTML kód.

javascript:alert('<a%20href="'+location.href+'">'+document.title+'</a>');

Další bookmarklety najdete na stránce Bookmarklet, favelet, favemarklet.

Co, kdy a kde bude na Vánoce 2011 v Brně?

2011-11-20T14:37:00.001+01:00

Kdy se rozsvítí vánoční strom na Svoboďáku? Kdy se na koho budete moci zajít podívat? Jaký bude program na pódiu? Co, kdy a kde bude před letošními vánocemi v Brně najdete na webu Brněnské Vánoce 2011.

Foto: www.brnenskevanoce.cz

Historie webu

2011-11-13T00:54:00.001+01:00

Na adrese evolutionofweb.appspot.com vystavil Google interaktivní grafické znázornění historie hlavních webových technologií a bezmála všech webových prohlížečů od vzniku protokolu HTTP po současnost. Můžete se také podívat, jak se webové prohlížeče měnily během doby.

Nesmrtelný IE6?

2011-11-13T00:22:00.001+01:00

Také vám Internet Explorer 6 už dlouho znepříjemňuje webdeveloperský život? IE6 má sice na kahánku, ale pořád se tu mezi námi drží zuby nehty. Přehledné vizualizace jak a kde se mu to daří najdete na webu The Internet Explorer 6 Countdown. Je paradoxní, že sám Microsoft volá po zavržení tohoto jeho dítěte. Zajímavý je také žebříček států se zastoupením IE6 pod 1 %.

Konverze GPS logů a itinerářů

2011-11-10T22:30:00.000+01:00

Když si začnete trochu více hrát s GPS navigací, dostanete se k momentu, kdy budete potřebovat zkonvertovat log - záznam vaší cesty - pro další zpracování, nebo upload na nějaký web nebo pro import jinou aplikaci, nebo naopak připravit itinerář - trasu - stažený z některého cestovatelského webu, pro použití ve vaší navigaci. Ke konverzi logu či itineráře v rozličných formátech skvěle poslouží prográmek ITN Converter, známý také jako ITNConv. ITN Convertor také umožní zaznamenanou nebo připravovanou trasu upravit. Můžete tak například dostat trasu připravenou v Google maps staženou ve formátu Google Earth (.kml) do navigace TomTom jako itinerář.

Foto: www.benichou-software.com

Antivir z USB

2011-11-10T20:18:00.000+01:00

Když máte podezření na nějakou virovou nákazu - samo sebou myslím systému - a nainstalovaný antivir přesto nic nehlásí, přijde vám na mysl logická úvaha: když se spustí systém, spustí se antivir, ale spustí se i vir. Když by byl ten virus tak dobrý, že by se před antivirákem dokonale zamaskoval, ten by nic neodhalil.

Jak tedy vira chytit? Nespustit jej. To znamená ale nespustit ani systém, ani antivir v něm. Pak můžete disk z počítače vymontovat a zkontrolovat v jiném. Nebo, bez potřeby šroubováku, použít nějaký live disk - CD nebo USB se systéme a potřebnými programy. Z toho pak stačí jen nabootovat a léčit a léčit...

Pěkně obsáhlý seznam i s popisem a odkazy na podrobné návody, jak ten který disk vytvořit, najdete v článku FREE Bootable AntiVirus Rescue CDs Download List.

Další možností je stáhnout prográmek UNetbootin, který umí jednak přepálit na USB image CD uložený na disku v počítači, jednak vybrat některý image či live distribuci z nabídky, stáhnout a vytvořit bootovací USB disk.
A do třetice tu máme Microsoft Standalone System Sweeper Beta. Stačí jen odklikávat a řídit se pokyny.

Osobně jsem vyzkoušel Kaspersky Rescue CD a MS Sweeper. Ani jedno nic nenašlo, tak tam asi nic nebude. Snad.

Osciloskop z počítače

2011-11-10T12:40:00.001+01:00

Programy a udělátka k tomu, jak udělat ze stolního PC či notebooku osciloskop, nejsou nic nového a jedno i druhé se dá snadno najít na síti sítí ke stažení nebo zakoupení. Nabídku doplňuje miniseriál na hw.cz Protáhněte časovou osu aneb ze zvukovky vysokorychlostním osciloskopem.

Foto: hw.cz

Jak na podsvícenou klávesnici

2011-10-23T12:17:00.000+02:00

Podsvícení (nebo - jako varianta brod - nasvícení) klávesnice je pro práci nebo hraní v šeru či potmě velice příjemné. I když dnes (a co teprve zítra!) není podsvícená klávesnice nedostupná (viz ALFA.cz nebo czc.cz), pořád je tu místo pro kutilství:

$20 Homemade Illuminated Keyboard - Painting & Lighting Effects - Xoxide Forum Network - zajímavá leč nedomyšlená aplikace svítícího kabelu

Illuminated Keyboard Hack - vtipné využití zbytečné kontrolky pro nasvícení

V souvislosti s tímto tématem jsem narazil na webu věnovaném LED i jednoduchý, ale užitečný LED calculator for single LEDs.

Jak který prohlížeč umí HTML5, CSS3 nebo SVG? When Can I Use...

2011-10-18T10:01:00.000+02:00

V článečku Caniuse.com: informace o podpoře HTML5, CSS3... na Interval.cz najdete stručný popis pro webové vývojáře velmi užitečné služby When can I use..., která v přehledných tabulkách nabízí přehledy jaké technologie - HTML 5, CSS 3, SVG... - v tom kterém prohlížeči a verzi fungují. Těchto přehledů je po internetu více, ale tento patří k těm lepším. Na podrobnější popis nebo příklady vás ale stejně odkáže dál, třeba na známý quirksmode.org.

Brněnský architektonický manuál: Průvodce architekturou 1918–1945

2011-10-16T19:36:00.001+02:00

Brno je známo nejen v architektonickém světě širokou nabídkou funkcionalistických staveb. Zajímáte-li se o funkcionalizmus také, na adrese www.bam.brno.cz najdete Brněnský architektonický manuál. Průvodce architekturou 1918–1945.

Popis služby si dovolím odcitovat ze zmíněného serveru:

Projekt Brněnské architektonické stezky vznikl ve spolupráci statutárního města Brna a Domu umění města Brna díky finanční podpoře Evropských fondů pro regionální rozvoj. Od září roku 2011 je tak pro všechny zájemce k dispozici Brněnský architektonický manuál (BAM): za pomoci volně přístupné internetové databáze, tištěné mapy a publikace zprostředkuje všem zájemcům o architekturu podrobné informace o brněnských stavbách, které vznikly v letech 1918-1945.

Na internetových stránkách www.bam.brno.cz je pro odborníky i laiky zpřístupněná databáze 400 architektonických objektů s údaji o jejich přesné adrese, GPS souřadnicích, MHD zastávkách v blízkosti, případně o jajich památkové chraně a zpřístupnění pro veřejnost. V podobě krátkých textů a audionahrávek ke stažení je zde zachycena i stručná historie těchto staveb, okolnosti jejich vzniku, životní osudy majitelů i architektů. Součástí databáze je fotografická a plánová dokumentace a interaktivní mapa Brna, která umožní snadné vyhledávání ibjektů a plánování tematických procházek po jedné z devíti navržených tras nebo sestavování vlastní architektonické stezky.

Předem navržené architektonické procházky po jednotlivých městských částech jsou obyvatelům Brna i domácím a zahraničním návštěvníkům k dispozici také v tištěné podobě ve formě mapy a průvodce. K orientaci bude sloužit i značení na chodníku před objekty, které obsahuje kód stavby a internetové stránky. Tak lze jednoduše, například prostřednictvím mobilního telefonu, získat informace o objektu, nebo si poslechnout jeho příběh přímo v ulicích Brna.

Demo DiRT 2 nefunguje? Doinstaluj Games for Windows Live

2011-10-16T18:39:00.002+02:00

Tak to potkalo i mě: nepodařilo se mi rozjet demo Colin McRae DiRT 2 pod Steam. Pokaždé se jen načetla stránka hry a spustilo video. Zapátral jsem tedy a na fóru uživatelů Steamu našel v threadu Can'r run Dirt 2 demo problém řešící radu: nainstalovat Games for Windows Live. A opravdu! Stačí Games for Windows Live nainstalovat, netřeba se ani registrovat a přihlašovat, a už můžete drandit pouští :-)

(Proč, jak a nač zkoumat nehodlám, ale nedivil bych se nějakým zákeřným dohodám kravaťáků.)

Lightbox ála Blogger lze vypnout v administraci!

2011-10-16T18:26:00.000+02:00

V září v příspěvku Zvětšování obrázků ála Blogger.com jsem si postěžoval na svévolné vylepšení šablon na blogspot.com a jeho neodstranitelnost. Jednoduché a spolehlivé řešení kolize mého Fancyboxu se zmetkem od Googlu (skoro protimluv ;-) ) jsem nenašel, tak jsem svoji úpravu vypnul něžným return true; na začátku funkce startující Fancybox. Před pár dny jsem si ale všiml, že bez jiného upozornění se obrázky na tomto blogu už v lightboxu neukazují! A opravdu: nebyla to momentální chyba prhlížeče, ale v administraci blogu se objevila volba použití lightboxu a možná i googlové vylepšili logikuna rozpoznání existující implementace jiného lightboxu.

V každém případě lze teď zase vesele používat vlastní lightbox v upravených šablonách.

HTML5 funguje i ve starém MSIE6 - s dopomocí html5shiv (prý)

2011-09-20T18:27:00.004+02:00

html5shiv je JavaScript, který po vložení do stránky (viz návod) zajistí fungování prvků HTML5 i v prohlížeči Microsoft Internet Explorer 8 a starších. Prý! Nezkoušel jsem ještě.

Neumětelové u Mapy.cz neznají zákonitosti nestingu

2011-09-19T12:55:00.000+02:00

Mapy.cz nabízí scriptík přistupující k API a vykreslující ve stránce mapku s odkazem na velkou mapu a dalšími on-line vylepšeními. Obsahuje mimo jiné HTML kód:

<a href="..." target="_blank">
    <div id="mapa" style="width:500px;height:333px"></div>
</a>

Na první pohled v něm nemusíte najít chybu, ale pokud nejste citlivý, třeba stejně jako některé JS Wysiwig editorky, na heslo nesting, postaví se vám vlasy čirou hrůzou! Jak může někdo cpát tlustý do tenkýho? Block do inline? DIV do A? Jedině totální neumětel :-(

Přitom oprava je snadná:

DIV nahradit tagem SPAN a do jeho stylů pro jistotu doplnit display: block;.

Zvětšování obrázků ála Blogger.com

2011-09-18T23:27:00.004+02:00

Před necelým rokem jsem vyzkoušel nasadit na Blogger chybějící lightbox a sepsal jsem i návod Fancybox na Blogger.com. Dnes koukám, obrázky vyskakují nějak podivně - chytráci u googlu s notným zpožděním vmontovali do Bloggeru vlastní zvětšovadlo. Není zdaleka tak hezké jako fancybox. Až přijdu na to, jak se jej zbavit, dám určitě vědět ;-)

Doplněno 20. 9. 2011:
Ano, je to tak - prý, jak napsali včera, Your images never looked so good (pod příspěvkem se sbírají odkazy i na další návody, jak dát nový lightbox pryč). A prý If you’ve custom-coded your image HTML so that images function as hyperlinks, then the lightbox view will not display and your original image hyperlink will work as expected., ale to není pravda :-(

Jedna spřízněná duše popsala v příspěvku Eliminar el nuevo LightBox de Blogger postup, jak se Lightboxu zbavit. Skanduji s ní Blogger: Get out of my blog!

Pomalý router Asus WL-500gP? Zkontroluj si nastavení!

2011-09-18T21:48:00.003+02:00

Již delší čas provozuji pro domácí zasíťování router Asus WL-500gP (ovšem v první verzi). Jednou se takhle podívám na rychlost a koukám: internet nejede tak rychle jak by měl! Pátrám, zkoumám a nakonec zjišťuji, že za všechno může nastavení routeru Bandwidth Management - User Specify Service.

Kdysi jsem pocítil potřebu upřednostnit na jednom počítači FTP, na jiném webování a nějaké priority jsem přidělil VoIP i Skype telefonům. Vše fungovalo na první pohled správně a dobře. Nicméně, jak jsem předeslal, pozdější měření rychlosti ukázalo, patrně až po samovolném navýšení rychlosti připojení, že je rychlost připojení nižší, než by měla být. Příchozí rychlost by ještě ušla, ovšem odchozí byla na 1/7 deklarované!

V prvním kole průzkumu jsem ověřil, že internet zpomaluje router. V dalším kole jsem se dopracoval ke zjištění, že rychlost se spraví vymazáním všeho nastavení právě v tabulce Bandwidth Management - User Specify Service.

Takže zatím nový router kupovat nebudu... ;-)

WordPress i Blogger pro mobilní zařízení

2011-09-09T09:12:00.002+02:00

Všiml jsem si, že v nastavení služby blogger.com lze zvolit použití mobilní šablony pro mobilní zařízení. Momentálně máte na výběr z několika možností. Blog je pak skutečně lépe čitelný (ověřeno na HTC).

Stejný úkol pak má téma WPtouch pro WordPress. Když váš blog navštíví někdo s mobilním zařízením iPhone, iPod touch, Android, Palm Pre, Samsung touch nebo BlackBerry Storm/Torch, zobrazí se mu ve vzhledu aplikace pro iPhone s načítáním příspěvků Ajaxem a dalšími efekty. Téma samozřejmě návštěvníkovi dovolí přepnout blog do vzhledu pro běžný prohlížeč.

On-line nástroj pro ladění JavaScriptových kulišáren

2011-09-02T21:38:00.000+02:00

Čas od času je potřeba rychle ověřit nebo vyzkoušet nějaký postup, kličku nebo fígl, případně si připomenout nějaký starý zapomenutý postup v JavaScriptu. K menším záležitostem postačí Try it yourself na serveru w3schools.com. K větším hrátkám pak s nadšením použijete jsFiddle - online editor pro web, ve kterém i si vyzkoušíte, otestujete, odladíte JavaScript i s využitím frameworku MooTools, jQuery, Prototype, YUI, Glow i Dojo a všechny možné blbosti s HTML a CSS. V jsFiddle můžete připravit také funkční prototyp nějakého detailu a odkaz na něj poslat klientům ke schválení. To už je sakra zajímavá věc, ne?

Wordpress 3.3 už je "za rohem"

2011-09-02T21:01:00.000+02:00

Nový Wordpress 3.3 už se blíží! Po přečtení příspěvku WordPress 3.3 už je na cestě a potěší zejména vývojáře u Separatisty znovu přemítám, jestli se těšit, nebo děsit.

UPC permanentně "zlobí"

2011-09-02T20:42:00.000+02:00

Již léta využívám jak televizi, tak připojení k internetu přes kabel společnosti UPC. Když internet a televize fungují, tak fungují dobře. Jakýkoliv problém je ovšem velmi komplikované vyřešit, jakýkoliv drobný zádrhel narůstá do obludných rozměrů. Zaměstnanci UPC zřejmě důsledně procházejí školením, jak být co nejefektivněji protivným a odporným, jak, když už, komplikovat jakoukoliv pomoc vyžadovanou na hot-line a jak "obtěžující" zákazníky co nejvíce potrápit.

Ostatně už před čtyřmi lety jsem si postěžoval:

I změnou grafiky přehledů vyúčtování UPC vyjadřuje, že s ní není žádná zábava, nebude s vámi komunikovat a nepodá vám žádné informace.

A jako potvrzení setrvávání tohoto stavu poslouží novinové titulku z poslední doby:

Proč nebyla Lupa včera dostupná ze sítě UPC (prý je v tom UPC nevině - cha!)
UPC posílá vymahače na bývalé klienty, ti se bouří na internetu
Česká UPC prodělala loni rekordních 277 milionů

Zoomy jQuery Plugin pro efektní zvětšení obrázků

2011-09-01T08:41:00.000+02:00

Narazil jsem na zajímavě vypadající jQuery plugin pro zvětšování obrázků - Zoomy jQuery Plugin. Při přejetí obrázku kurzorem myši se ukáže kulatá lupa a v ní zvětšený detail. Moc hezké. Zoomy se používá standradně, některé parametry lze měnit nastavením a vyžaduje jen, aby na náhledu byl odkaz na větší obrázek. Podle diskuze na stránce Zoomy je ale zřejmé, že odkaz aktuální verzi Zoomy bude třeba dohledat mezi řádky.

Zafixuj verzi!

2011-08-14T20:16:00.002+02:00

Před dvěma lety jsem sepsal poznámku První souboj s IE8 aneb Emulate IE7. Poté jsem v zájmu rychlé záchrany vzhledu staršího webu tento fígl s úspěchem několikrát využil.Onehdy jsem byl upozorněn na radu na fóru vývojářů CZC v threadu grafika v IE9 s tímto tématem úzce související:

Opravdu jsem měl prohlížeč přepnutý do Quirks ... :(

Aby se to nemohlo stát chtělo by doplnit do hlavičky :

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

Výše uvedená formulace by měla zajistit to, že Internet Explorer pochopí, že tuto stránku zřejmě vytvořil svéprávný člověk, zobrazí stránku v režimu nejvyšší dostupné verze prohlížeče a už nenabídne kompatibilní způsob zobrazení. :D

Abstrahujme od faktu, že radu napsal člověk, který sám není sto si ohlídat, jak má nastaven vlastní prohlížeč. V každém případě bych se takovému řešení doporučil se vyhnout. Zaklínadlo nejvyšší dostupné verze znamená, že stránku přinutíte se nechat zobrazit způsobem, jaký dnes nejste schopni předpokládat! I když Internet Explorer stále více dodržuje standardy, neustále si vývojáři Microsoftu spoustu věcí vykládají po svém, a tak s tímto nastavením se vám stránka s příchodem IE10 třeba rozstřelí.

Pokud by se mělo dát nějaké doporučení, pak tedy: pokud máte odladěný web v IE9, zafixujte jej tagem:

<meta http-equiv="X-UA-Compatible" content="IE=9" />

Ke v dřívějším příspěvku uvedeným odkazů přidávám link na Defining Document Compatibility.

Menší písmo ve Firebugu [špatná rada!]

2011-08-10T10:02:00.005+02:00

Po některé z aktualizací (asi) začal používat Firebug pro Firefox ve svém okénku větší písmo, což poněkud snižuje přehlednost. Protože kolegu to štvalo víc než mě, našel řešení: v obligátním nastavení Firefoxu about:config najděte extensions.firebug.textSize a nastavte hodnotu na - třeba - 8.

ŠPATNĚ! VŠECHNO ŠPATNĚ! Po dalším samovolném upgrade Firebugu (15. 8.) se po této úpravě stala velmi nemilá věc: v panelu se zobrazily jen pluska a mínuska, ale žádný text! V nastavevení about:config jsem zjistil, že hodnota extensions.firebug.textSize se nastavila na 16! Změnil jsem hodnotu na 0 a zase je vše v pořádku. Ufff!

Nově nyní konečně fungují i klávesové zkratky Ctrl+Alt++ a Ctrl+Alt+− pro změnu velikosti písma v panelech Firebugu.

Stejné téma najdete také u kolegy jako Velikost písma ve Firebugu.

Jak na zpoplatnění Rozpisu SIPO (sdružené inkaso)

2011-08-10T08:20:00.002+02:00

Na posledním Rozpisu bezhotovostní platby SIPO (veliký pozor! nezaměňuj rozpis a výpis!) jsem si všiml poznámky, že bude roznáška rozpisu do schránky zpoplatněna 5 Kč. Tento papírek v podstatě nepotřebuji a ještě za něj mám platit? Prošel jsem tedy web pošty a našel náznaky (dnes již potvrzené), že by mohlo pomoci změnit si zasílání rozpisu elektronicky e-mailem, což i podle dosavadního ceníku mělo být zdarma.

Podle instrukcí na webu jsem zašel včera ráno na nejbližší poštu a vyžádal si u paní na přepážce změnu zasílání rozpisu. Paní nebyla zcela zorientovaná, prozradila mi, že zrovna včera (tedy v pondělí) o tom měli školení, na pomoc si zavolala vedoucí, zkazila jeden formulář - popletla si výpis a rozpis, potom bojovala s příšernou aplikací na správu kontaktů, kde email napsala bez chyby až napopáté a to jen díky tomu, že jsem ji průběžně kontroloval (na monitor bylo díky bohu vidět)… Nicméně povedlo se a odešel jsem s dobrým pocitem ušetřené pětikoruny měsíčně a vítězstvím nad šimlem.

Včera odpoledne si toho všimli i internetové deníky (namátkou):

A dnes ráno jsem si zprávu přečet v tickeru v televizi. Pošta sama ale tuto informaci evidentně tutlá. Až dnes si přečtete si na webu Česká pošta sekci často kladené otázky:

- chci Rozpisy bezhotovostní platby SIPO zasílat na e-mail

Navštívíte kteroukoliv poštu a s sebou přinesete vyplněný formulář SIPO - žádost (plátci) (pdf, 86 kB) nebo si formulář vyžádáte na poště. V žádosti uvedete svoje spojovací číslo a označíte volbu ANO v poli Zasílání Rozpisu bezhotovostní platby SIPO prostřednictvím sítě internet na e-mail adresu. Nezapomeňte vyplnit pole E-mail adresa. Za zasílání rozpisů na e-mail nic neplatíte.

Dnes ráno byl web pošty částečně nedostupný, zjevně měnili obsah, protože výše uvedenou radu jsem tam dříve nenašel (byla jen mezi příspěvky v diskuzi pod některými články). Člověk se ale mohl dozvědět, že Hospodaření Pošty vykazuje pozitivní trend ;-)

Pokus o validní Like a +1 tlačítko

2011-08-10T00:19:00.001+02:00

Jak Facebook tak Google nám webařům nadělili nemilou zapeklitost - podivný kód definující tlačítka Google +1 a Líbí se mi. Definice tlačítek obsahují značky <fb:like> a <g:plusone>, které HTML validátor nepřekousne a dělají nám tak ostudu. Napadlo mě (těžko ale prvního) vyzkoušet takový malý fígl - vypsat definici tlačítka pomocí JavaScriptu. Pomocí testu funkce escape jsem zakódoval definici tlačítka a vzniklý text pak nechal vypsat scriptem. Tlačítko Like (pouze ten zapeklitý kód, zbytek jsem nechal být) pak vypadá zhruba takto:

document.write(unescape('%3Cfb%3Alike%20href%3D%22 ... 22%3E%3C/fb%3Alike%3E '));

Podle dosud provedených testů takto vypisovaná tlačítka mi fungují ve Firefoxu, IE9 a Chrome. V IE8 se ale neobjeví +1, jenom Like. Nahlédněte zde...

Sloupce v CCS3 a layout vůbec

2011-08-06T16:52:00.000+02:00

Plná podpora CSS3 sice ještě v prohlížečích není zdaleka samozřejmostí, nicméně stále více lze nové vlastnosti pro vzhled webových stránek využívat. Situaci s CSS3 bych si dovolil přirovnat k době, kdy začaly vystrkovat panožky první CSS, ale pokud chtěl člověk zaručit stejný základní layout stránek ve všech prohlížečích, mohl je využít pouze jako vylepšení, třešničku na dortu, důkaz kroku s dobou. Ale postavit na stylech kompletní layout bylo riskantní. Pěkný přehled nových vlastností v CSS3 pro definici layoutu i s ukázkami shrnuje článek The future of CSS layouts.

Předchozí text bys měl milý čtenáři vidět vysázený ve dvou sloupcích už dnes v prohlížečích Firefox, Chrome, Safari, Opera 11.1 a IE10 Platform Preview (IE10PP). O určitém předbíhání doby také svědčí nutnost použití předpon pro Firefox a Webkit v použité definici:

div.column {
    -moz-column-count: 2;
    -moz-column-gap: 30px;
    -moz-column-rule: 2px dotted #666;
    -webkit-column-count: 2;
    -webkit-column-gap: 30px;
    -webkit-column-rule: 2px dotted #666;
    column-count: 2;
    column-gap: 30px;
    column-rule: 2px dotted #666;
}

Zmiňovaný text The future of CSS layouts kromě modulu CSS Multi-Columns module pro sazbu textu ve sloupcích věnuje pozornost také modulům Flexible Box Layout module ('FlexBox'), Grid Layout, Template Layout module a dalším...

Jak skrýt v administraci Wordpressu upomínku k upgrade

2011-08-03T19:28:00.003+02:00

Wordpress není větší problém upgradovat na novější verze a je to samozřejmě žádoucí. Nicméně třeba v případě, že je funkce blogu závislá na několika pluginech, je třeba počkat, až na upgrade Wordpressu zareagují i jejich tvůrci. Pak je velice obtěžující stále se v administraci zobrazující pokyn k okamžitému upgradu.

Právě na skrytí výzvy k upgrade jsem našel pěkný návod s kratičkým kódem, který vložíte do souboru functions.php vašeho tématu, na How to Hide the WordPress Upgrade Message in the Dashboard:

function wphidenag() {
    remove_action( 'admin_notices', 'update_nag', 3 );
}
add_action('admin_menu','wphidenag');

Doplnil jsem ještě skrytí obdobně obtěžujícího čísla s počtem upgradů v levém menu u položek Updates a Plugins:

function wphidenagmenu() {
    echo "<style type="text/css">
#adminmenu span.update-plugins, #sidemenu li a span.update-plugins {display:none !important;}
</style>\n";
}
add_action( 'admin_head', 'wphidenagmenu' );

Zbytečné upozornění na aktualizace krásně zmizí a při práci neděsí. Jen je samozřejmě pak na vás, abyste aktualizovat nezapomněli ;-)

(implementováno na Wordpress 3.1.1)

Jak odstarnit stará jádra (kernel) v boot adresáři Ubuntu

2011-07-31T21:06:00.003+02:00

Před časem jsem na netbook Asus Eee 901 místo velmi těžkopádných a pro tento počítač absolutně nevhodných Windows XP, které se sami dostaly do zcela nepoužitelného stavu, nainstaloval na pomocí LVM (Logical Volume Management) spojené disky Ubuntu Netbook Edition. Jen adresář boot jsem nechal na fyzické partišně s - jak jsem si tehdy myslel - dostatečným prostorem.

Ubuntu ale v boot adresáři nechává zahnívat starší, již nepotřebná jádra (kernel) s dalšími příslušnými soubory a časem vymezený prostor zaplní. Pak další aktualizace a instalace programů padají na nemožnosti upravit jádro. Jedno z řešení této nemilé situace je čas od času ručně vymazat stará jádra (kernel) pomocí Správce balíků Synaptic (Synaptic Package Manager). Zjistíte si poslední verzi nainstalovaného kernelu a v synapticu označíte všechny starší (nižší) verze a nechaáte úplně odstranit. Podrobný návod najdete v textu Clean Up the New Ubuntu Grub2 Boot Menu v odstavci Remove Old Kernel Entries (odtud i obrázek).

Tento postup jsem již dvakrát ověřil a zafunguje k plné spokojenosti.

(Mimochodem toto Eee s Ubuntu používá spokojeně k běžné kancelářské práci jedna počítači nijak zvlášť netknutá blondýnka. A to bez jakýchkoliv uživatelských problémů!)

Správce fotografií digiKam pro Linux i Windows

2011-07-30T15:51:00.001+02:00

digiKam je program pro správu a úpravu fotografií, jako ACDSee nebo Zoner Photo Studio, ale je to open source a je k dispozici jak pro Linux, tak pro FreeBSD, Mac OS X i Windows. Krátké představení si přečtěte v recenzi Nepořádek ve fotkách? Zkuste správce digiKam na root.cz (odtud i obrázek).

digiKam má opravdu spoustu zajímavých schopností...

Co je to za letadlo?

2011-07-18T00:43:00.001+02:00

Čas od času se člověk zahledí na modrou oblohu křižovanou krajkami kondenzačních par dopravních letadel a zatouží vydat se s kterýmkoliv z nich tam někam do dálky… No a když to nejde, tak by chtěl, už jen z čiré zvědavosti, vědět, co je to kruci za letadlo a odkud a kam vlastně letí? Jak zjistit tyto informace on-line na internetu a jak se tam vlastně dostaly pěkně popisuje článek Zjistěte, co vám právě letí nad hlavou. Jumbo, nebo soukromý tryskáč? na Technetu.

Nechcete-li jej číst, zkuste rovnou odkazy:

www.flight24.com
www.airfleets.net
www.flightradar24.com
www.radarvirtuel.com
www.flightaware.com
www.flightwise.com
www.libhomeradar.org
www.planes.cz
Letecký provoz za 24 hodin
www.airliners.net
www.planepicture.net
www.jetphotos.net
www.planesspotters.net

Záložní nabíječka aneb pocta MacGyverovi

2011-07-04T20:27:00.034+02:00

Když se dnes dostanete do místa bez elektřiny, budete určitě zaskočeni tím, jak rychle začne v mobilu docházet baterka. Tím spíš, když musí ten chudák lovit z éteru zbytečky signálu. Pak přijde na řadu vzpomínka na MacGyvera, sada baterek, co už neutáhnou rádio, nabíječka z auta, nějaký kablík, co ležel v kůlně a hlavně - lepící páska. Když není stříbrná, musí stačit hnědá ;-)

Když firefox najednou zobrazuje hnusně písmo [SOLVED]

2011-07-01T20:33:00.025+02:00

Firefox je úžasný prohlížeč, vývojáři Firefoxu jsou chrabří maníci, ale bohužel ne všechno vylepšování, které nám co chvíli chystají, je skutečně vylepšování. Tak se, pochopil-li jsem li to dobře, od bety čtvrté verze někomu na Windows začaly nějak jinak a divně vykreslovat písma. Řešení našel kolega, co byl mezi postiženými:

v about:config nastavte hodnotu gfx.direct2d.disabled na true a restartuje prohlížeč.

Špatně zobrazené datum komentářů ve Wordpressu s qTranslate [SOLVED]

2011-05-26T13:50:00.002+02:00

Narazil jsem na problém s nezobrazováním správného data komentářů ve Wordpressu při aktivním pluginu qTranslate: místo data se zobrazuje formátovací řetězec.

Nejdříve jsem však kontroloval úpravy v šablonách, šablony a funkce původního tématu a hledal jsem, kde která funkce to má na starosti, abych přišel na to, jak a proč se datum nezobrazí - až pak jsem se dopracoval k usvědčení qTranslate (v kombinaci s použitým tématem). Pak nastoupil Google a vyblil na mě spustu návodů jak, aby se správně datum zobrazilo, přepropgramovat půlku pluginu, jak různě hackovat šablony... no hrůza děs! :-( Příspěvky byly ovšem už staršího data a nechtělo se mi věřit, že taková chybu nebyla už dávno opravena a hledal jsem dál...

Nakonec jsem se dopracoval ke zjištění, že stačí v administraci nastavit v "Advanced Settings" ("Pokročilé nastavení") qTranslate hodnotu "Date / Time Conversion" ("Konverze Datumu/času") na "Use strftime instead of date." ("Použít strftime místo data.") respektive "Use strftime instead of date and replace formats with the predefined formats for each language." ("Použít strftime místo data a nahradit formáty s předdefinovaným formátem pro každý jazyk.").

Taková blbost, že? ;-)

[hesla: Dates in comments appear as '%A %B %e%q, %Y'; With qTranslate the date of Comments is lost; Date not showing correctly; All my dates don’t work anymore, what’s wrong?; Date formatting with qTranslate; qTranslate may still have a bug ond comment date; Comments: date and time completely messed up]

Linux v Javascriptu

2011-05-23T22:27:00.001+02:00

Linux v Javascriptu? Taková až neuvěřitelná věc, že? A jo! I když zřejmě to k ničemu vlastně není ;-)

Více v článku Linux umí nastartovat i ve vašem prohlížeči na root.cz.

Když firefox najednou nevyhledává z adresního řádku

2011-05-23T21:17:00.002+02:00

Kdo ví proč, přestal mi najednou (?) Firefox po zadání do adresní řádky něčeho, co není platná adresa, vyhledávat. Nejspíš se to stalo důsledkem částečně násilného odinstalování jednoho nezvaného toolbaru. Vlastními silami jsem nic nezmohl, z nastavení jiného Firefoxu jsem taky inspiraci nenačerpal, ale nakonec jsem přecijen na fóru české Mozilly našel radu a odkaz na podrobný popis about:config entries.

I když to ve Firefoxu 4 takto původně nastaveno není, oprava funguje:

V about:config (když nevíš, o co jde, raději nezkoušej) do parametru keyword.URL vlož adresu http://www.google.com/search?ie=UTF-8&oe=UTF-8&sourceid=navclient&gfns=1&q= a hodnotu keyword.enabled nastav na true.

Jak zakázat změnu velikosti políčka textarea nebo naopak umožnit změnu jiného prvku

2011-05-17T22:39:00.000+02:00

Prohlížeč Google Chrome, a zanedlouho i Firefox 4, přišel s polem <textarea>, kterému může uživatel libovolně měnit velikost. Pro tvůrce stránek noční můra: jak snadno vám kdokoliv může rozbít vypiplaný design!

Naštěstí lze toto chování ovlivnit nastavením hodnoty none, both, horizontal nebo vertical vlastnosti resize v CSS3. Můžete takto jak změnu velikosti zakázat, tak naopak povolit změnu velikosti libovolnému prvku.

Dovolím si názornou ukázku:

both: velikost libovolně měnitelná

horizontal: velikost měnitelná ve vodorovném směru

vertical: velikost měnitelná ve svislém směru

P.S. Inspirací mi byl článek The Future Of CSS: Experimental CSS Properties

Jak odstranit neodstranitelný padding buttonu

2011-05-17T21:58:00.004+02:00

Firefox 4 (i Safari, ovšem Chrome ne) má jednu nectnost - i když podle některých popisů je právě takové chování správné - tlačítka <button> i <input> mají zleva i zprava neodstranitelný padding 3 px i po nastavení paddingu na nulu. Existuje ale kouzlo:

button::-moz-focus-inner {
padding: 0;
border: none
}

které tuto nepěknost napraví. Sledujte rozdíly tlačítka a , kteréžto se vám ukáží jen při prohlížení Firefoxem.

Zdroj: Removing unwanted button padding in Firefox, extra padding in <button> elements.

Interaktivní nastavení CSS3 efektů

2011-05-17T18:21:00.017+02:00

V příspěvku CSS: nastavování vlastností objektů a la Photoshop na zdrojáku najdete odkaz na v budoucnu jistě stále více užitečný CSS generátor Layer Styles. Stíny, přechody, zakulacené rohy a další nové CSS3 vlastnosti nastavíte "hejblátky" jako ve Photoshopu a pak si jen zkopírujete vygenerovaný kód.

Problém s podtržítkem v session cookies IE7

2011-05-17T18:08:00.018+02:00

Asi pořád, neustále a na věky na nás budou ze skříní vyskakovat Billovi kostlivci: těsně před nástupem prohlížeče Internet Explorer 10 vás dožene problém, že se kdosi nemůže něam přihlásit do administrace s Internet Explorerem 7. Když si řádně zasakrujete, proč používá nejzáludnější a nejzákeřnější prohlížeč všech dob, zapátráte, a přijdete na to, že je to tím, že Internet Explorer 7 má problém se session cookies, když máte v názvu domény podtržítko!

Předkládám zjištěné zjištění:

Problem: IE7 drops the authentication cookie when underscores are in the domain name.
Solution: Remove the underscore from the domain name.

A uvádím jeden zdroj za všechny: Session Cookies - Bug in IE7, By nathan

Typografické uvozovky na webu

2011-05-16T19:51:00.078+02:00

Správná typografie na webu byla odjakživa problematická záležitost. Nejdříve se velmi těžko česká typografická pravidla vnucovala HTML, následně se většinou nedalo přesvědčit CMS editory a hlavně - nikdy nijak nepřimějete dodržovat typografická pravidla "obyčejné smrtelníky". Kvůli zachování duševního zdraví nezbylo než rezignovat a zejména nesprávné uvozovky a předložky na koncích řádků ignorovat.

V takto navozené letargii vám pak snadno unikne užitečnost běžně podporovaného HTML tagu <q> respektive <blockquote>, kterému lze v CSS (2.1) nadefinovat parametrem quotes, jaké má zobrazit kolem v něm uzavřenému textu uvozovky. Nebudeme zabíhat do podrobností, ty si najděte na odkazovaných serverech, ale ukážeme si, jak nastavit správné české typografické uvozovky.

V CSS jednoduše nadefinujeme sadu uvozovek:

div {quotes: "„" "“" "‚" "‘" "»" "«" "›" "‹";}
/* od DIV zdědí uvozovky vnořené Q */

A pak stačí už jen "získat" kód, kde uvozovky nahradíme tagy <q>:

<div><q>Lákamí vůněhulás <q>úmyval rohlivý jednovod</q> lek Dobožek nim úmysl drásníky ří. <q>Já tlínům záprajak tak <q>tavětraje čuvaleda kytanesiv</q> odobzor ačít roští Tor</q>. Sudba večný buby ma kytanesiv mut <q>rostrojsk <q>lehlý <q>mihlenka</q> kamatko</q> lžičkak</q> sestí. Vla škovat říkem.</q></div>

A získáme:

Lákamí vůněhulás úmyval rohlivý jednovod lek Dobožek nim úmysl drásníky ří. Já tlínům záprajak tak tavětraje čuvaleda kytanesiv odobzor ačít roští Tor. Sudba večný buby ma kytanesiv mut rostrojsk lehlý mihlenka kamatko lžičkak sestí. Vla škovat říkem.

Úžasné, že? :-)

P.S. Inspirací mi byl článek The Future Of CSS: Experimental CSS Properties
P.P.S. Když by se to tu tady zobrazovalo nějak divně, nebo se vám zdálo, že to není správně, následujte zmíněné odkazy...

Experimentální a méně známé vlastnosti CSS

2011-05-16T19:40:00.027+02:00

Doporučuji přečíst moc pěkný a informací-plný článek The Future Of CSS: Experimental CSS Properties na serveru Smashing Magazine, na který odkazuje příspěvek Budoucnost CSS: experimentální vlastnosti CSSS na serveru Interval.cz.

Kromě zajímavostí, prozatím nevhodných k ostré implementaci do, jsem tam našel i několikvelmi užitečných vlastností CSS, které mě dosud minuly.

Rozdílné řádkování line-height v prohlížečích

2011-05-12T19:38:00.001+02:00

To, že se vykreslení (renderování) webové stránky v jednotlivých prohlížečích liší, je známá věc. Dříve byly rozdíly hodně velké, dnes ale, díky většímu respektu programátorů i kodérů k webovým standardům, je situace mnohem lepší, a v ideálním případě nemusíte sahat k různým berličkám a hackům, aby stránky vypadali identicky. Drobné rozdíly se většinou promíjejí. Když ale narazíte na klienta, kterému vadí i rozdíl 1 px, máte o zábavu postaráno:

Stránce jsem nadefinoval řádkování globálně pomocí line-height na 130 %. Firefox 4 pak vypočte řádkování jako 15,5833 px, Intenet Explorer 8 jako 16 px (zaokrouhlí myslím matematicky) a Opera a Chrome jako 15 px (ořeže desetiny). Nepomůže ani line-height nastavit v jiné jednotce nebo přímo v desetinách px - desetinky nic než Firefox nevezme. Přitom zrovna řádkování ve Firefoxu vypadalo nejlépe - přitom tak nedosažitelné...

Po chvíli rozmýšlení jsem nakonec nastavil line-height na 134%, kdy Opera, Chrome i Intenet Explorer vypočtou 16 px a Firefox 4 16,067 px. Hádat se o 0,067 px se snad už nebude nikdo ;-)

Free Online OCR Service

2011-05-09T19:17:00.001+02:00

Onehdá jsem v krátkém soukromém testu jako nejlepší on-line OCR vyhodnotil Free Online OCR. Občas jeho služeb opravdu využívám. Nyní jsem ale narazil s konverzí nějakých poznámek dopsaných přímo do obrázku návrhu designu webu. Free Online OCR část poznámek nezkonvertovalo a ponechalo poznámky jako obrázky, zbytek byl hodně zkomolený.

Znovu jsem tedy prošel dostupné on-line OCR služby a jakž takž použitelný výsledek mi dal až Online OCR Service. Text sice není stoprocentní, ale k dalšímu použití dostatečně kvalitní. Díky pánové :-)

Rozbalovací strom pomocí Treeview

2011-05-04T21:05:00.032+02:00

Kolegové mě upozornili na jQuery plugin Treeview, co udělá ze seznamu <ul> pěkné rozklikávací menu či strom, na užitečném webu Dynamic Drive DHTML Scripts. Odtud se dostanete i na novější verzi scriptu na webu autora jQuery plugin: Treeview a další ukázky funkce a nastavení treeview. Zobrazení stromu lze modifikovat sadou parametrů. Pěkné, funkční, užitečné.

Online Javascript compressor

2011-05-04T19:03:00.021+02:00

Dá se považovat za slušnost nechávat návštěvníky webu stahovat javascripty v komprimované verzi. Script sice není snadno okem čitelný, zato je o pár kilo hubenější. Když tedy usoudíte, že by bylo dobré nějaký script zkomprimovat, můžete využít třeba služeb serveru Online Javascript compressor. Online Javascript compressor vám navíc nabízí zkrácení názvů (přejmenování) proměnných a možnost zakódování, kteréžto možnosti vedou k dalšímu zhubnutí kódu.

Jednoduchý karusel v jQuery

2011-04-29T21:37:00.037+02:00

Návod na jednoduchý karusel (carousel) napsaný s využitím jQuery najdete v příspěvku Create Simple Carousel using jQuery na blogu akchauhan.com.
Zmíněný karusel má z určitého úhlu pohledu dvě nedomyšlenosti: jednak tak, jak je napsaný, nemůže na jedné stránce fungovat ve více exemplářích, jednak jsou rozměry nastaveny scriptem. Mě osobně by se více hodilo, když by karusel přebíral rozměry z nastylování. Pak by se dal nezměněný kód použit beze změn pro weby s různými layouty.

Na téma "carousel" existuje samosebou pro jQuery spousta hotových pluginů, ale člověk si rád, když má čas, udělá i něco sám. Nebo alespoň skoro sám ;-)

jQuery Plug-in hoverIntent

2011-04-28T22:52:00.024+02:00

Narazil jsem na zajímavý plug-in hoverIntent. K čemu je hoverIntent? HoverIntent funguje obdobně jako .hover v jQuery, ale než zavolá kýžený event onMouseOver, HoverIntent počká, dokud uživatel dostatečně nezpomalí pohyb kurzoru myši. Proč? Není od věci zabránit náhodnému spuštění animací nebo volání ajaxu.

Jednoduchý rotátor v jQuery

2011-04-28T20:18:00.003+02:00

Na blogu huuah.com najdete v příspěvku Basic jQuery div rotator jednoduchý rotátor napsaný s využitím jQuery. Tento rotátor může rotovat cokoliv. "Rotování" probíhá přepínáním css tříd, které jsou patřičně nastylovány. Tento postup nám ale neumožňuje využití efektů. No, ono to má vícero mušek, ale když nic jiného, je to dost dobrá inspirace pro vytvoření vlastního scriptu.

Na téma "rotátor" existuje samosebou pro jQuery spousta hotových pluginů, ale člověk si rád, když má čas, udělá i něco sám. Nebo alespoň skoro sám ;-)

Jak nastavit přehazovačku

2011-04-28T20:00:00.009+02:00

Taky nemáte zcela jasno v tom, jak seřídit přehazovačku na svém kole? Třeba vám pomůže návod Skill Builder: Adjusting Bike Shifting na blogu Makezine.

Jak zachytit chybu v javascriptu aplikace postavené na jQuery

2011-04-10T21:04:00.001+02:00

Nezřídka není v lidských silách domyslet a následně odladit všechny stavy a operace jakéhokoliv programu, natož programu či aplikace v javascriptu. A vůbec už ne v javascritpu postaveném na jQuery. Alespoň částečným řešením je pak použití pluginu jQuery Error Handler Plugin nabídnutém v příspěvku Handling javascript errors on production websites na blogu position-absolute.com.
Aplikace je více než snadná:
$(document).jsErrorHandler();

Prstový binární taneček, aneb jak napočítat na jediné ruce do třicetijedné

2011-04-05T23:20:00.001+02:00

Na blogu Makezine jsem narazil na úžasné video Taking “Digital” Literally: The Binary Hand Dance! převzaté z blogu Vi Hart.

Můžete se tím nechat jen inťoušsky pobavit, nebo to pochopit jako návod, jak počítat binárně na prstech ruky i bez pochopení principu číselných soustav. Případně by vás mohl ohromit fakt, že na prstech jedné ruky lze napočítat do 31 a na prstech obou rukou dokonce do 1023. Na deseti prstech! No není to úžasné? :-)

Kratinké animované filmečky

2011-02-14T00:15:00.000+01:00

Takové malé odpolední animační cvičeníčko.

Alternativní programy

2011-02-13T20:36:00.002+01:00

Zvyk je železná košile, to víme všichni. A velmi se bráníme, když nás něco nutí ji svléknout. Či převléknout. Třeba při zabydlování se na Linuxu. Při tom nám pomůže, když už to musí být, Seznam alternativ pro aplikace z MS Windows na serveru ABC Linuxu.

Ale co když se z košile stane koule u nohy? Čím třeba nahradit nenahraditelný, leč licencí vázaný Total Commander, nejlepšího následníka starého dobrého programu Norton Comamnder? Jistě, najdete třeba seznam Hledá se bezplatná alternativa pro Total Commander | ExtraWindows.

Ale co když chcete najít i jiné alternativy? Pak své přání svěřte serveru AlternativeTo.net! Pro předchozí případ vám nabídne široký výběr, hleďte: Total Commander Alternatives and Similar Software. A náhrady jsou nabízeny i pro další operační systémy. Velmi užitečné!

A třeba se vám Unreal Commander taky zalíbí. Nebo i Paint.NET coby náhrada za Photoshop...

Co s Windows XP, které vás po přihlášení okamžitě zase odhlásí? Přeinstalovat!

2011-02-13T18:23:00.003+01:00

Dostal jsem nedávno na "opravu" starší notebook Toshiba s Windows XP, které po zapnutí zobrazily "černou" obrazovku s výběrem možností nastartování a pak spolehlivě zamrzly. Disk jsem z notebooku vymontoval, projel scandiskem, projel testdiskem, projel antiviry, antimalwery a dalšími nástroji, vrátil do notebooku a dostal se až k přihlášení do systému. Ovšem jakmile se kterýkoliv uživatel, a to i administrátor v chráněném režimu, přihlásil, okamžitě byl odhlášen.

Našel jsem nespočet rad a návodů (a jejich kopií), jak tento problém napravit. Třeba: Windows Log on and Log off immediately, Jak obnovit poškozený registr, který neumožňuje spuštění systému Windows XP, Po odebrání programu Wsaupdater.exe se nelze přihlásit k počítači se systémem Windows XP, Windows Log on and Log off immediately, Winlogon problems after virus removal - Sysinternals Forums, Pomoc nejdese prihlasit do systemu hned se odhlasuje - poradna.net. Ovšem nic z toho nepomohlo. Ani variace na tato témata.

S tím jsem našel mně rovněž málo užitečné návody CZ677:Jak načíst soubor registru na jiném počítači a Řešení potíží v operačním systému Windows XP pomocí Nástroje pro konfiguraci systému.

Ovšm mnohem více použitelné byly návody Re: Kde jsou fyzicky uloženy registry ve WinXP a Restore registry if Windows XP won't boot,frozen,locked-up or safe mode mup hang How-to. Hraní si s registry jsem si vystačil několik večerů. Vypomáhal jsem si návody a nástroji Slax modules: NT Password & Registry Editor, www.hiren.info, ERUNT and NTREGOPT a také utilitkou Bleeping Computer Downloads: RKill.

Po náhradě "živých" registrů kopiemi těch z adresáře "restore" jsem dostal funkční systém, ovšem bez dřívějších uživatelů a spustitelných programů. Tedy, většina se nenechala spustit. Když jsem pak zkusil nějak opravit i toto, přišel jsem i o vzhled XP...

Nakonec jsem se rozhodl, což jsem ostatně podle všech rad i dřívějších zkušeností udělat hned, systém kompletně přeinstalovat.

Odkaz How To Transfer Windows XP Activation Information To Reinstall Without Reactivating The Product jsem ale využít nemohl. Majitelka původní systém vůbec neaktualizovala, natož že by jej registrovala.

Jak naostřit hoblík a dláto

2011-02-10T18:56:00.004+01:00

Stručný obrázkový "americký" návod jak naostřit hoblík a dláto najdete na blogu makezine.com v příspěvku Skill Set: Tuning Planes and Chisels (obrázek odtud). Neangličtinářům pomůže automatický překlad...

iCalendar Validator

2011-02-01T18:50:00.008+01:00

Generujete-li webovou aplikací nebo i jinak kalendář ve formátu iCal, nebo přestal-li vám dříve zcela funkční kalendář fungovat v nějaké aplikaci "třetí strany", nechte svá data zkontrolovat on-line aplikací iCalendar Validator.

Pak bylo hned jasno a dle napomenutí stačilo "\n" nahradit "\r\n" a problém se "zmizelým" kalendářem z Google Calendar byl vyřešen :-)

uTorrent a problém s DNS a routerem

2011-01-07T21:33:00.003+01:00

Onehdy mne známý požádal o pomoc, když po některém z posledních samovolných updatů klienta µTorrent pozoroval ošklivý jev - přestalo "fungovat" prohlížení webu, nefungovala pošta... jen torrent a "kecálek" i skype fungovaly vesele dál. Zjistil jsem, že po shození torrenta pomůže (v administračním rozhraní) odpojit a znovu připojit router k operátorovi. Pak jsem začal hledat a našel nejužitečnější rady na fóru µTorrent ve vláknu DNS problem: zkusit povypínat UPnP, NAT-PMP, DHT , LPD a uTP. Udělal jsem a jede zase vše! Při dalším experimentu jsem zjistil, že problém zaručeně způsobuje zapnuté DHT.

Free Online OCR

2011-01-05T19:11:00.015+01:00

Občas je potřeba převést na text nějaký nascanovaný dokument či jinak získaný "text v obrázku". Tímto se zabývá obor zvaný OCR. Vhodný program ale nemá každý po ruce. Pak přijdou ke slovu některé dostupné on-line OCR aplikace... Několik jsem jich letmo vyzkoušel a nejlepší výsledek jsem získal od Free Online OCR.

O pádu a "vnitřku" Skype na Lupa.cz

2011-01-04T18:40:00.001+01:00

Zajímá-li vás jak funguje Skype a jak a proč občas upadne, přečtěte si článek Pád Skype: příčiny, důsledky, perspektivy Vojtěcha Bednáře na Lupa.cz.

WinDirStat - statistika využití disku

2011-01-02T18:44:00.002+01:00

Objevil jsem další program s podobnou funkcí, jakou má mnou oblíbený a již dříve zmiňovaný SpaceMonger. Statistiku využití disku s přehledným grafickým zobrazením vám ukáže i WinDirStat. A to i v češtině.

Multiplatformní automobilový simulátor - Racer

2011-01-02T00:50:00.002+01:00

Nedávno jsem "objevil" Racer. Racer je projekt multiplatformního automobilového simulátoru. Racer je zdarma (pro nekomerční použití)! Díky odborně zpracovanému fyzikálnímu modelu vozidel autoři dosáhli reálného podání jízdy. O dost dobrý vzhled modelů i tratí se stará vynikající renderovací engine. A další auta i tratě lze relativně snadno vytvořit. Pochopitelně je volně dostupná dokumentace i editory a podpůrné programy. A samozřejmě je k dispozici i řada už hotových modelů aut i tratí. Narazil jsem ale na problém s jejich stažením - všechny pokusy končily na chybějících souborech nebo chybách serveru nebo vyžadované zpoplatněné registraci.Nakonec jsem ale funkční zdroj našel v serveru tracciontrasera.es. Jen je potřeba prokousat se španělštinou. ;-)

P.S.: Nicméně zřejmě to taková sláva nebude - takřka všechny dostupné modely v poslední verzi hry nefungují.

Jaká je platnost dálničních známek?

2011-01-01T19:25:00.002+01:00

Jako každoročně i po tomto Silvestru jsem si musel ověřit platnost dnes již loňské dálniční známky. A stejně jako každoročně jsem se ujistil, že na koupi nové mám ještě měsíc čas. Dosud vždy platilo, a snad bude i nadále, že dálniční známky (kupóny) pro osobní automobily do 3,5 t platí vždy 14 měsíců, od 1. 12. loňského roku do 31. 1. roku následujícího. Konkrétně platnost letošních známek je od 1. 12. 2010 do 31. 1. 2012.

Více informací najdete v článcích Dálniční známky na ceskedalnice.cz, Dálniční známky 2011: Ceny, platnost, výměna na auto.cz nebo DÁLNIČNÍ KUPÓNY 2011 na serveru Státního fondu dopravní infrastruktury.

PF 2011

2011-01-01T00:00:00.000+01:00

Landing page - jedno ze zaklínadel marketérů

2010-12-29T10:34:00.002+01:00

Jedním ze zaklínadel webového marketingu je Landing page. Samozřejmě to není zase nic složitého - Landing page je stránka (vašeho) webu, na kterou návštěvník přijde po reakci na (vaši) reklamní kampaň. Už je pochopitelně jedno, jestli kliknul na banner, zareagoval na spam - pardon - e-mail, zapamatoval si adresu z televizní reklamy nebo letáčku... Je to ale každopádně stránka, podle které si uživatel vytvoří druhý dojem (první si vytvořil přeci z té reklamy, díky které na landing page přišel) a rozhodne se, jak se zachovat dál.
Základní popis landing page najdete třeba v článku Landing page – co to je?, moc pěkné schéma landing page najdete v příspěvku The Anatomy of Perfect Landing Page (schéma si dovolím "odcitovat" dále) a další a další informace vyčtete třeba na serveru WorkHappy.net v kategorii - ó, jak překvapivé :-) - Landing pages.

Google Analytics pro pokročilé

2010-12-28T20:22:00.002+01:00

Google Analytics je úžasný nástroj, který v podstatě vyšachoval z hřiště (to je ale blbej obrat!) běžně používané statistiky generované www servery. Ty sice mají také stále své opodstatnění, ale neřeknou zdaleka všechno to, co opravdu chtějí provozovatelé webů vědět (nebo si to alespoň myslí). Jedna z vlastností Google Analytics je sledování cílů - goals. Jak na to vám vysvětlí miniseriál Advanced Google Analytics: Conversion Goals na serveru WorkHappy.net.

Beta OXID eShop 4.5 pod stromeček

2010-12-24T11:11:00.024+01:00

Nová verze OXID eShop 4.5 byla nejdříve slibována na podzim tohoto roku, pak byla odložena na začátek příštího, pak se objevily zprávy o zveřejnění bety Oxidu po novém roce, aby nakonec byla testovací verze přislíbena před vánocemi. Současně není o vlastnostech nové verze známo nic moc konkrétního, až na kompletně překopaný systém šablon front-endu. Nicméně stále kde nic tu nic a vánoce byly téměř za krkem.
"Jako blesk z čistého nebe", chcete-li to prožívat dramaticky ;-) , pak přišla zpráva: Oxid eShop 4.5 Beta kommt Heiligabend! A opravdu - OXID eShop 4.5.0 beta je tu! Finální verzi můžeme čekat v prvním kvartále 2011.

Snadný export a import dat e-shopu - Cart2Cart?

2010-12-23T22:10:00.034+01:00

Import a export dat, nebo chcete-li přesun či "migrace", citlivých a důležitých dat z jednoho e-shopu do druhého není většinou snadný. Tento problém by měla pomoci vyřešit on-line aplikace Cart2Cart. Momentálně podporuje e-shopy a "košíky" Zen Cart, Magento, osCommerce, X-Cart, xt:Commerce, VirtueMart, CRE Loaded, PrestaShop, Pinnacle Cart, CubeCart, CS-Cart, osCMax, Interspire, Shop-Script, OpenCart, Squirrelcart, Yahoo Store, Summer Cart, Veyton, Ubercart, Shopify, WP e-Commerce, Volusion, HHG multistore, TomatoCart, 3DCart, Miva Merchant.

Google propojuje Microsoft Office s Google Docs

2010-12-09T01:17:00.006+01:00

V příspěvku A bridge to the cloud: Google Cloud Connect for Microsoft Office now available to early testers na blogu Google Docs jsem zaznamenal zajímavou zprávu o propojení Microsoft Office (zatím jen ve verzi pro Windows) s cloudem Google Docs. Zatím sice jen v testovacím provozu, ale i o ten byl tak veliký zájem, že "nábor" dalších testerů musel být zastaven.

Obrázek: googledocs.blogspot.com

Já, dokumentarista :-)

2010-12-04T13:49:00.000+01:00

V reportáži Maria Kubaše „Psaním ke svobodě“ uvedené v Událostech na ČT24 se objevily moje záběry z vyhlášení výsledků literárně-výtvarné soutěže „Moje cesta ke svobodě“ na Koncertě proti chudobě 29. dubna 2010 v Brně (pár momentů z předávání je k vidění na youtube). Jsou to ty označené jako „amatérské“. Reportáž i s „psaním okolo“ můžete shlédnout v příspěvku "Být svobodný - nebýt závislý".

Termovize na koleně

2010-12-04T13:34:00.002+01:00

Na blogu Tanagram, Inc. se sídlem v Chicagu zveřejnili návod DIY Thermal Imaging System for under $200 na zhotovení termovizního systému řízeného pomocí Arduino. Autoři se netají inspirací návodem na Thermoscanner a informacemi získanými z komunity zabývající se Arduino.

Obrázek: spill.tanagram.com

CPU scaling na HP Mini 5103 s Ubuntu

2010-12-02T21:13:00.001+01:00

Na fóru Světa hardware se v threadu HP Mini 5103 CPU scaling objevil návod od honzee, jak zprovoznit cpu scaling (změnu frekvence) na HP Mini 5103 (dvoujádrový procesor Intel Atom N550) se systémem Ubuntu (32/64).

Nechme promluvit autora:

Po vice jak mesici uzivani jsem si vsiml, ze procesor pracuje pouze na frekvenci 1GHz. Applet na zmenu frekvence se zdal funkcni, ale nedalo se nijak zmenit frekvenci na 1.5GHz. Ani pomocne powermanagery, jako je napr cpufreqd nebo powernowd, si neumeji poradit.

Po celkem dlouhem a neprijemnem hledani jsem zjistil, ze na vine je BUG, kvuli kteremu se pri kazdem startu systemu nastavi v souboru bios_limits maximalni povolena frekvence jadra od BIOSu na 1GHz. Tuto hodnotu nejde manualne menit, a ani systemovy zaznam o maximalni povolene hodnote nejde editovat, protoze se odviji od teto hodnoty. A to je kamen urazu, protoze ani uzivatel, ani governor nemuze tuto hodnotu prekrocit.

Nastesti si linuxova komunita dokazala poradit: staci pridat do /etc/default/grub parametr "processor.ignore_ppc=1".
Presna podoba upraveneho zaznamu:
GRUB_CMDLINE_LINUX_DEFAULT="quiet splash processor.ignore_ppc=1"

Rozšíření pro webaře do Google Chrome

2010-12-02T20:27:00.002+01:00

Hezky sesumírovaný seznam užitečných pluginů do prohlížeče Google Chrome pro webové vývojáře: 15 rozšíření pro Chrome pro webové vývojáře. I když třeba firebug v Chrome už není ani potřeba.

Blueinfo

2010-11-28T22:46:00.002+01:00

Možná jste se s tím už někde setkali - podle krátkého návodu na nástěnce někde na zámku nebo v muzeu si zapnete ve svém mobilu bluetooth a najednou vám do něj "přiletí" nějaké povídání, fotografie nebo něco podobného. Říká se tomu "blueinfo" a dělají to v pardubické firmě Deep Vision a nabízí to na internetu také stránky INFOdoMOBILU. Samozřejmě se technologie rozesílání informací přes bluetooth používá třeba i v marketingu.

Dost dalších relevantních odkazů vyběhne na dotaz u googlu... Třeba popis s návodem Informační systém BLUE INFO: Turistické informace: Město Česká Třebová nebo Oficiální stránky Zámku Ratibořice - BlueInfo - Ratibořice. Osobně jsem blueinfo "viděl" v akci v Litomyšli na zámku.

Průhledné PNG v IE6 pomocí jQuery

2010-11-25T20:12:00.000+01:00

Microsoft nás ještě stále pronásleduje nedostatky prohlížeče Internet Explorer 6. Jeden z nejprotivnějších je nezvládání alfa kanálu (masky) ve 24bitových obrázcích PNG. Kromě různých řešení s rozličnými omezeními je tu i jedno pomocí pluginu pro jQuery: jquery.pngFix.js - PNG-Transparency for Windows IE 5.5 & 6.

Jak na HTML e-mail Newsletter

2010-11-25T19:36:00.001+01:00

Jsou problémy, které se vrací jako bumerang stále dokola. Jedním z nich je požadavek na udělání HTML e-mailu, zpravidla newsletteru (zpravodaje). Konec zbytečných stresů - postupujte podle návodu How To Code HTML Email Newsletters.

Jak "zablokovat" Skype Toolbar

2010-11-23T19:21:00.002+01:00

Skype není špatný výmysl, i přes všechny, a dokonce oprávněné, výhrady. Velmi diskutabilní je již ovšem užitečnost Skype Toolbaru, který se instaluje společně se Skype (pokud to opomenete nedovolit) a vše na prohlížených webových stránkách, co jen trochu připomíná telefonní číslo, obalí do "tlačítka" umožňující na toto číslo ihned "skypnout". Kromě toho, že si nedovedu představit, kdo to skutečně používá, tato vymoženost velmi ráda rozstřeluje design stránek. Obvzláště, když nejde o telefonní číslo, ale třeba o kód zboží nebo něco úplně jiného. Úžasný malware.

Ještě zábavnější je, když klienti takové rozpadení své stránky reklamují u vás coby "tvůrce", aniž by je zajímalo, že vy zato vůbec, ale vůbebec nemůžete. Na první pohled by bylo nejjednodušší takovou reklamaci smést ze stolu jako neoprávněnou, ale ono leckdy není snadné klientům vysvětlit, jak se věci mají.

Takže jsem hledal a našel nějaké rady na fóru webdeveloper.com a na forum.skype.com.

Plugin by se měl řídit podle meta tagu uvedeného v hlavičce stránky:
<meta name="SKYPE_TOOLBAR" content="SKYPE_TOOLBAR_PARSER_COMPATIBLE" />
Skutečnost je ale (dnes?) jiná. Když pomineme už to, že plugin prý nekontroluje (nekontroloval?) tag s parametry, ale přesně tento řetězec, takže ani nikdy nešel použít v HTML validní zápis bez lomítka na konci, tento meta tag nefunguje.

Kolega boomstik na forum.skype.com ale popsal funkční řešení - vyrušit efekt skype pluginu pomocí css:

span.skype_pnh_container {display:none !important;}
span.skype_pnh_print_container {display:inline !important;}

Uff! :-)

Lubuntu - ideální volba pro starý počítač

2010-11-21T19:49:00.001+01:00

Nedávno jsem reinkarnoval starý Dell OptiPlex GX1 s PIII/500MHz a 256 MB RAM nainstalováním linuxové distribuce Ubuntu. Nicméně praxe ukázala, že Ubuntu je při těchto parametrech stroje i pro obyčejnou kancelářskou práci nepoužitelné. Pak jsem si přečetl něco o Lubuntu – Lubuntu: lehké Ubuntu s 0 % tuku a za nějaký čas si našel čas ;-) Lubuntu vyzkoušet.

Lubuntu je klon Ubuntu s rozhraním LXDE (Lightweight X11 Desktop Environment) určený právě pro slabší počítače. Jako obvykle jsem začal s live cd. Lubuntu naběhlo bez problémů a reagovalo, jak jen systém nabootovaný z cd může, obstojně. Přistoupil jsem tedy k instalaci. Ale ouha! Instalace záhy po spuštění skončila chybou - prý něco s diskem, ale kdo ví, že? Paměti tam mám zrovna na hraně. Zkusil jsem tedy minimální instalaci dle návodu Minimal Install a úspěch se dostavil! Lubuntu naběhlo v celé své kráse.

Skoro celé - jak jsem zjistil záhy, důsledkem minimální instalace je Unmanaged Wired Network - neřízená síť, což lze velmi snadno napravit postupem Unmanaged Wired Network. Dále je potřeba (nebo jen dobré?) podle Network File Browsing with PCManFM doinstalovat gvfs-backends pro prohlížení sítě pomocí PCManFM příkazem sudo apt-get install gvfs-backends

Dalším důsledkem minimální instalace je nemožnost spustit Synaptic Package Manager z menu. Lze jej ale spustit z terminálu příkazem sudo synaptic, ale s tím se nelze spokojit. Náprava podle Synaptic and gksu not working after minimal installation je ale snadná - stačí doinstalovat gconf-editor příkazem sudo apt-get install gconf-editor a po jeho spuštění nastavit (zatrhnout) /apps/gksu/ sudo-mode.

Potom bylo ještě třeba nastavit zvukovku Cirrus Logic CS4235 dle návodu z fóra Old Sound Card a ještě mě čeká doladit nastavení rozlišení monitoru (také [lubuntu] can't get full screen resolution, [SOLVED]Increase monitor resolution), i když je pravděpodobné, že z prastaré "atiny" už víc nevymáčknu.

Nejsou to samozřejmě žádné tajnosti, vše naleznete na stránkách Help and information a "přilehlých" fórech.

Každopádně dojem z Lubuntu mám velmi pozitivní. Systém reaguje relativně svižně, každopádně znatelně svižněji než sourozenci Ubuntu, Kubuntu i Xubuntu. A i do distribuce zakomponované programy jsou použitelné. A jako jediný linux umí Lubuntu počítač GX1 uspat, hybernovat a hlavně znovu zase rozeběhnout!

Poznámka: Při instalaci pro procesor "pod" Pentiem dejte pozor na podporu v jádře! Lubuntu 10.10 už starší procesory a napodobeniny pentií nepodporuje a je třeba sáhnout po 10.04.

Lubuntu nebo Xubuntu?

2010-11-21T18:00:00.001+01:00

Na ubuntuforums.org jsem nalezl thread srovnávající Lubuntu a Xubuntu - "Xubuntu or Lubuntu?"
Stojí zato si to projít, nicméně já už mám jasno :-)

Systém pro starý počítač - jednoznačně Linux. Ale kterou distribuci?

2010-11-21T15:51:00.002+01:00

Kdysi dávno jsem pořídil na "hraní s linuxem" už tehdy starý Dell OptiPlex GX1 s PIII/500MHz ve Slotu 1. Procesor v tomto konkrétním počítači bohužel vyměnit nelze (ač různá fóra tvrdí optimisticky opak), tak alespoň paměť jsem "doplnil" na 256 MB. Z několika zkoušených distribucích linuxu se na tomto hardwaru nejlépe usadila Mandriva a několik let v něm i zůstala - převážně schovaná i s počítačem ve skříni.

Nedávno ale bylo potřeba rychle postavit na jeden kancelářský stůl alespoň nějaký počítač. Inu vzpomněl jsem si na dellíka a pokusil se jej dostat do použitelného stavu. Sáhl jsem z několika důvodů po rodině Ubuntu. (Zkoušel jsem třeba i Puppy linux, DSL, Centos, ale to všechno je příliš hardcore pro normálního uživatele.) Nejdříve, s ohledem na starý hardware, jsem vyzkoušel Xubuntu. Nebylo to ale ono. Xubuntu v sobě nemá sambu a navíc při "vypnutí natvrdo" (simulace výpadku napětí) rozstřelilo filesystém a bylo třeba disk opravit utilitou z livecd. Xubuntu obecně neobsahuje některé podstatné komponenty, které je pak třeba doinstalovávat i s kusem KDE nebo Gnome, a tím jsou všechny klady "odtučtění" v háji. Kubuntu zase bylo příšerně, ale příšerně líné. Až "čisté" Ubuntu bylo jakž takž funkční. Bylo třeba jen doplnit zvukovku a rozlišení monitoru. To třeba Kubuntu po instalaci vědělo, ale po nějakém update stejně "zapomnělo". Mezi rychlostí Xubuntu a Ubuntu jsem subjektivně neviděl rozdíl. Ubuntu bylo stabilní, po vyhození napájení nerozstřelilo pokaždé filesystém a fungovala samba.

I takový slabý počítač stačí na prohlížení webu, v pohodě přehrává mp3, internetová rádia i dvd. Videa na youtube ale bohužel zvládá v běžném rozměru jen s 1 fps – jeden obrázek za vteřinu, spíše slideshow, nekoukatelné – je třeba snížit rozlišení. K reakcím systému je ale třeba být tolerantní.

Nicméně praxe ukázala, že Ubuntu je při těchto parametrech stroje i pro opravdovou obyčejnou kancelářskou práci, oproti "laboratorním" testům, nepoužitelné.A počítač zase putoval do skříně.

Pak jsem si přečetl něco o Lubuntu – Lubuntu: lehké Ubuntu s 0 % tuku, a poznamenal si, ovšem s jistou dávkou skepse, že se na tento klonu Ubuntu s LXDE musím ještě podívat...

19 tipů pro lepší CSS

2010-11-18T10:03:00.000+01:00

V článku Tips to Code Better CSS in your Projects najdete přehledně sesumírováno 19 tipů pro psaní lepších CSS ve vašich projektech. Co je doporučováno napoví titulky kapitol:

Používejte smysluplné názvy
Nepoužívejte ID, ale obecnější classy
Využívejte dědičnosti a kaskádování
Používejte namespacing
Neupravujte CSS zvlášť pro všechny prohlížečích - Opravdu musí vypadat stránka přesně stejně ve všech prohlížčích?
Optimalizujte HTML kód a vyhněte se zbytečným divům a spanům
Nepoužívejte inline styly
Vyhněte se hackům
Resetujte CSS
Zvolte si a použijte framevork
Komentujte kód
Používejte zkrácené definice
Vyberte si způsob zápisu CSS a zůstaňte u něj
Zkontrolujte opakující se kód
Použijte sprites (sprajty)
Používejte objektově orientované CSS
Učte se u mistrů
Validujte CSS
Minimalizujte CSS

Kde najít, jak vylepšit Firefox nebo jiný program, ale hlavně, kde najít, jak potom nastavení vrátit zpátky :-)

2010-11-17T12:12:00.001+01:00

Znáte to - dočtete se o nějaké vymyšlenosti, jak zlepšit, zrychlit nebo upravit nějaký program, a musíte to vyzkoušet. Časem ale zjistíte, že ona úprava nebyla až tak dobrý nápad, ale už začerta nevíte, jak jste jí dosáhli. V mém případě to byla změna nastavení browser.ctrlTab.previews v about:config. Je sice pěkné vidět náhledy stránek při přepínání tabů, ale počet náhledů je velmi omezený a přepínání není sekvenční, ale jen mezi posledníma dvěma stránkami (jako přehazování na minulý kanál na televizi).

Trpěl jsem tím dost dlouho, až už se mi přestalo chtít trpět a konečně si dohledal, jak to zase "opravit".
Nejobsáhlejší popis všemožných nastavení jsem našel v článku Firefox Tweak Guide, konkrétně na stránce Firefox Tweak Guide [Page 6] - Features, Tips & Tricks, na serveru TweakGuides, kde naleznete i tuny dalších návodů na úpravu nastavení všelikerých programů.

Našel jsem také velmi zajímavý návod na zrychlení Firefoxu Hacks to Make Firefox Faster than Google Chrome. Ten si ještě prostuduji, možná něco vyzkouším, ale hlavně s dobře zapamatuji co. :-)

Dohledal jsem samozřejmě i další návody, třeba Firefox Tweak Guide z roku 2005 a 7 great Firefox about:config tweaks z roku 2007, ale tím už se raději řídit nebudeme, že? ;-)

CSS fix nebo hack pro rozlišení prohlížeče

2010-11-15T11:06:00.000+01:00

Narazil jsem na velmi zajímavý text CSS Fix for Chrome, Safari, and Internet Explorer s živou ukázkou o "rozpoznání" prohlížeče pouhým zápisem definice CSS. CSS sice není validní a zápis je hodně podivný, nicméně to funguje.

Virální video reklama s doplněným "ty"

2010-11-15T09:38:00.002+01:00

Skoro před rokem jsem vystavil ukázku Nejlepší virální reklama co pohladí ego. Flashová aplikace nabídla nahrátí vaší fotky a potom ji vložila do velmi lichotivého videa. Už nějakou dobu se ale ono video nezobrazuje, ale nabízí se nové. Výsledek je byl k vidění online (server v zápětí nějak "zmizel").

Podobný typ reklamy používá také třeba Budějovický Budvar, jen vaše "identita" je vložena v textové formě...

Samozřejmě obě reklamy si můžete upravit podle sebe.

Fancybox na Blogger.com

2010-11-07T18:22:00.003+01:00

Jak jsem se onehdy svěřil v příspěvku Lightbox pro jQuery, nadchl jsem se pro Fancybox. A nadchl jsem se také pro jQuery, kteroužto js knihovnu Fancybox používá. Rozhodl jsem se tedy použít Fancybox na tomto blogu běžícím na blogger.com, protože mi tu podobná funkce chybí. K mému překvapení jsem takový widget, modyl nebo i jen návod, jak na to, nenašel. Dohledal jsem "jen" návody pro (originální) Lightbox How to add Lightbox effect to Blogger, Light Box Image Viewer For Blogger a Lightbox v2.04 Integration with Blogger Template (to jsou ty funkční), ze kterých jsem ale inspiraci pochopitelně načerpal.

Jak tedy integrovat Fancybox na blogger.com? Nejdříve si někam na web uložte scripty a styly s obrázky Fancyboxu. Odtud si je budete do stránek blogu nasosávat.

Potom je potřeba do šablony do html hlavičky (před tag </head>) vložit nasosnutí scriptů a stylů potřebných pro Fancybox. Editace šablony se provádí v "Návrh" -> "Upravit HTML":

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js' type='text/javascript'/>
<script src='http://VASE.ULOZISTE/fancybox/jquery.mousewheel-3.0.4.pack.js' type='text/javascript'/>
<script src='http://VASE.ULOZISTE/fancybox/jquery.easing-1.3.pack.js' type='text/javascript'/>
<script src='http://VASE.ULOZISTE/fancybox/jquery.fancybox-1.3.3.pack.js' type='text/javascript'/>
<link href='http://VASE.ULOZISTE/fancybox/jquery.fancybox-1.3.3.css' media='screen' rel='stylesheet' type='text/css'/>

Mně se moc líbí ty gumové efekty i přepínání obrázků galerie kolečkem myši, jinak by bylo scriptů o dva méně.

Nicméně ještě je třeba přidat do hlavičky, těsně za nasosnutí scriptů, vlastní spuštění Fancyboxu:

<script type='text/javascript'>
$(document).ready(function(){
   $("a[href$=.jpg],a[href$=.JPG],a[href$=.png],a[href$=.PNG],a[href$=.gif],a[href$=.GIF],a[href$=.bmp],a[href$=.BMP]").fancybox();
});
</script>

Fancybox by šlo zavěsit na odkazy i jinak, ale takto mi to přišlo optimální. Stále mi to ovšem bylo málo! Chtěl jsem, aby se z obrázků u jednoho příspěvku dělala "galerie", a chtěl jsem také, aby se u obrázků vypisoval titulek. Také jsem ošetřil odkaz na obrázky nahrané přímo "do blogu". K tomu jsem využil jQuery a místo předchozího vložil kód tento:

<script type='text/javascript'>
$(document).ready(function(){
   $("a[href$=.jpg],a[href$=.JPG],a[href$=.png],a[href$=.PNG],a[href$=.gif],a[href$=.GIF],a[href$=.bmp],a[href$=.BMP]").each(function(){
        var pu = $(this).parentsUntil('.post-outer');
        var pid = pu.find("a[name]").first().attr("name");
        $(this).attr("rel",pid);
        var pt = pu.find(".post-title a").text();
        var pat = $(this).attr("title");
        $(this).attr("title",pt+(pat?" - ":"")+pat);
        this.href = this.href.replace("\/s1600-h\/","\/s1600\/");
        $(this).fancybox();
   });
});
</script>

Pak jsem přidal ještě několik parametrů pro Fancybox, ale to už si upravte sami ;-)

V rámci výše zmíněného hledání jsem našel i návody Host Javascript File for Free a How to Host Javascript for Blogger, které ale tentokrát nebyly k využití.

P.S.: Zjistil jsem, že novější šablony nedělají odkaz na titulku při zobrazení postu - pak je třeba pro správnou funkci doplňování "title" k obrázkům vyhledávat místo ".post-title a" pouze ".post-title"

Jednoznakové předložky v Adobe InDesign ošetřeny pomocí GREP v definici odstavcového stylu

2010-11-07T17:23:00.005+01:00

Jednoznakové předložky dělají při DTP problémy od nepaměti. Snad žádný program je sám od sebe nikdy neošetřoval a bylo třeba vždy používat buďto nějaký modul, plugin, nebo i externí prográmek, kterým se musel text před sazbou upravit. Adobe InDesign ovšem od verze CS3 disponuje úúúúúúúúúžasnou věcí a tou je GREP - takové jako regulární výrazy. V CS3 je sice implementován jen ve vyhledávání, ale od verze CS4 je GREP i v definici odstavcových stylů. V návodu pro InDesign CS4 je to popsáno v kapitole Vytváření stylů GREP, kde najdete popis i odkazy na videa a další návody, jako třeba 5 Cool Things You Can Do with GREP Styles.

Princip práce s GREPem v definici odstavců je jednoduchý - nejdříve si nadefinujte znakový styl, potom si v odstavcovém stylu nadefinujete jaký text se má v textu vyhledávat a automaticky ostylovávat tím kterým znakovým stylem. Ač "ručně" to nelze, GREP znakové styly umožňuje kombinovat.

A právě tohoto lze využít kromě různých "hrátek" také k přilepování jednoznakových předložek. Nejdříve si nadefinujte znakový styl, třeba "nobreak", který má zakázáno rozdělní slov.

Potom do odstavcového stylu, nejlépe toho, ze kterého pak budete odvozovat všechny ostatní, nadefinujte, co všechno by se nemělo dělit, včetně dohledání jednoznakových předložek jednoduchým výrazem

(\<[szkvaiouSZKVAIOU]) \<

V této definici je dále i nedělení čísel s mezerou uvnitř, primitivní nedělení jednotek za číslem, nerozdělení procentní hodnoty a nerozdělování zkratky "o. s." A vše zaručeně funguje. Samo. Automaticky.

(Pokud máte pořád jen InDesign CS3, musíte si vystačit s ruční obluhou "Hledat a nahradit".)

Předložkám či GREPu se také věnují texty Jednoznakové předložky, InDesign a GREP a Adobe InDesign CS3 zblízka: GREP.

České návody pro Adobe InDesign a Illustrator

2010-11-07T16:29:00.002+01:00

Návody, manuály a helpy je něco, čím pravověrný uživatel, zejména počítačů potažmo software, z hloubi duše opovrhuje. Ba se jich přímo štítí. A to bez ohledu na stupeň erudice! Nicméně nastane občas chvíle, kdy i zabejčený profík musí stisknout "F1". Ale co když zrovna nesedíte u dotyčného programu?

Naštěstí se některé helpy průběžně přestěhovali na web. Ale kam? No tak třaba pro programy od Adobe je naleznete na webu v sekci Adobe – Podpora.

Odtud už se snadno proklikáte třeba na stránky Nápověda a podpora pro aplikaci InDesign, Používání aplikace Adobe InDesign CS4, Adobe InDesign CS3, Adobe InDesign CS5, nebo Nápověda a podpora pro aplikaci Illustrator, Používání Adobe Illustrator CS4, Adobe Illustrator CS3, Adobe Illustrator CS5.

ASP web server zdarma a bez průtahů

2010-10-31T11:31:00.000+01:00

Představte si, že se probíráte cédéčky s archívem svých starých prací a narazíte na dávno zapomenuté weby napsané pro IIS v ASP. Jak ten web vlastně vypadal a co vlastně dělal? Vlastní server ani hosting s ASP k dispozici nemáte, googlení nějakého freehostingu nevedlo k výsledku... A hle! Tu je řešení: Baby Web Server od Pablo Software Solutions.

Baby Web Server je velmi primitivní ASP web server, který je v prvé řadě zdarma k nekomerčnímu použití. Zdaleka jej nelze považovat za alternativu k Microsoft IIS, jak popis na stránce autora tvrdí. Použití Baby Web Serveru je velmi snadné: stáhnete sbalený program, rozbalíte do adresáře, spustíte (po dotazu firewallu povolíte), nastavíte adresář s webem (pouze jediný adresář s jediným webem) a na adrese http://localhost/ máte svůj dávný výtvor reinkarnovaný v plné své kráse! No, popravdě ne tak docela - patrně zafunguje omezení Baby Web Serveru na pouhých 5 souběžných spojení a třeba se nenačtou některé obrázky. Refresh nepomůže - nenačtou se jiné. Ale o co jde vidíte a kompletní vzhled z několika screenshotů složíte taky.

Základní vlastnosti Baby Web Serveru jsou: logu serveru v reálném čase, nastavení adresář webu, nastavení "indexu", podpora GET, POST, HEAD a metod (pro zpracování formulářů), výpis adresáře bez "indexu", nativní podpora ASP, cookies, SSI (Server Side Includes), statistika a již zmiňovaný limit na 5 souběžných připojení.

Zase ty neposlušné sloupce

2010-10-29T20:36:00.000+02:00

Od té doby, co bohudík definování layoutu html stránek ovládly kaskádové styly (CSS), každou chvíli někdo vytáhne a začne znovu a znovu řešit vícesloupcový layout s požadavkem na stejně vysoké sloupce. Čerstvě si můžete projít varianty řešení i s příklady v článku Fluid Width Equal Height Columns (dle zprávy CSS tip: plovoucí layout se stejnou výškou sloupců).

Osobně jsem se před nedávnem do řešení stejného problému důkladně v rámci jistého projektu ponořil, prostudoval spoustu podobných sofistikovaných řešení, ale s ohledem na spolehlivou funkci ve stále se nám všem vysmívajícím Internet Exploreru 6 skončil u řešení s vnořenými DIVy a "za" všemi sloupci společným pozadím - podívejte se, chcete-li, na mou vývojovou ukázku/kostru Tři PEVNÉ sloupky pro Shopy (SEO).

Nejžhavější novinky na korejském veletrhu elektroniky

2010-10-14T15:13:00.000+02:00

Mark LaPedus sepsal v článku 10 hot products at Korean Electronics Show na EE Times nejzajímavější novinky na korejském veletrhu elektroniky. Na videoukázkách na YouTube uvidíte takřka na vlastní oči 3D televize a monitory, holografický a pružný display, pružný e-paper, nové chipy DRAM a další úžasnosti. Krátce: Startrek kolem nás ;-)

Jak vypsat barvy použité v CSS?

2010-10-08T23:33:00.001+02:00

Představte si třeba, že "přebarvujete" nějaký web, což znamená zejména změnu definic barev v css. Web je rozsáhlý, není možné opticky zkontrolovat všechny barvy... Jak zajistit, aby nevyskočila nějaká zapomenutá brčálově zelená v novém decentním designu o hněda? Chtělo by to přeci jen vidět všechny barvy definované ve stylech... (googly, googly) ...a! tu to máme: The CSS Color Extractor by ThriveSmart. Nakopírujete do políčka svůj styl, potvrdíte a pak už uvidíte pěkně po sebou všechny barvy ve stylu použité. Taková blbost, že? Ale jak to pomůže!

Lightbox pro jQuery

2010-09-28T18:06:00.001+02:00

Nedávno jsem hledal nějakou ne tolik okoukanou, modernější a volně použitelnou verzi scriptu Lightbox. Nemyslím ovšem nutně zrovna tento lightbox. Označení lightbox se vžilo pro tento způsob zobrazování obrázků obecně. A už dávno se lightboxy neomezují jen na obrázky, ale zobrazují také videa, flash (swf) nebo obsah z jiných stránek. Další podmínkou bylo užití knihovny jQuery, případně jQuery UI, protože projekt, který po lightboxu volal, už jQuery využíval.

Po přebrání nálezů mi jako honě užitečný zůstal v prohlížeči otevřený seznam galerií, slideshow a lightboxů 57+ Free Image Gallery, Slideshow And Lightbox Solutions a poněkud střídmější seznam jen lightboxů pro jQuery 10+ promising jQuery Lightbox-Clones Plugin potvrzující, že méně je často více. Ostatně to je přesně to, co jsem hledal, ne? (A k prvnímu seznamu se vrátím někdy příště. Asi budu potřebovat nějaký slider a "lupu".)

Samozřejmě, že vaše volba může být jiná, ale mě se při porovnávání dostal do čela Fancybox.

Pod seznamem "10+" najdete v komentářích další zajímavé verze lightboxu. Třeba "odlehčený" Slimbox 2 nebo ColorBox, který snad jediný z lightboxů dovolí nastavit pevnou velikost "okna" pro obrázek a zabrání tak často protivnému přesouvání ovládacích prvků při různých velikostech obrázků v galerii.

Na konec ještě vzpomenu velmi schopný Shadowbox.js se sadou adaptérů či konektorů na různé knihovny včetně jQuery. Ze seznamu jej ovšem vyloučil způsob licencování.

P.S. Nevybrali jste si? Obsáhlý přehled ve formě přehledové tabulky s možností filtrování a porovnávání je The Lightbox Clones Matrix.

P.P.S. Fancybox, jinak ovšem úžasný, má ve stylech nachystanou malou zákeřnou past pro ty, co adresář s fancyboxem přejmenují nebo neumístí tak, aby byl ve stejném adresáři jako stránka, ze které se css vkládá. Autor totiž ošetřil průhlednost ikon (png) pro MSIE filtry, které potřebují cestu k obrázkům zadanou právě "od stránky" a ne "od css". Navíc jsou filtry použity zcela zbytečně ve všech IE, tedy i IE7 a IE8, které průhlednost (alfa kanál) 24b png zvládají. Aby fancybox fungoval i v MSIE, je jednak potřeba opravit cesty k obrázkům v definici filtrů, jednak je lepší, třeba pomocí hacku "* html", omezit filtry jen pro použití tam, kde je jich opravdu třeba. Při bojkotu přestárlého IE6 pak můžete definici filtrů komplet smazat ;-)

Jak na záporné datum a čas v Excelu

2010-09-28T17:00:00.001+02:00

Microsoft na nás nachystal ve všech svých programech nemálo zákeřných překvapení. Naposledy jsem zakopl o pod nohy Billem vržený klacek ve formě křížků namísto záporného data. Že by Excel neuměl počítat čas "pozpátku" mi přišlo sice divné, ale v ten moment jsem tento zádrhel obešel podmínkou (plus nějaké další ošetření):

=KDYŽ(B4>C4;B4-C4;C4-B4)

Když pak byla chvilka našel jsem sice starší, ale stále platnou radu CZ642:Záporné datum nebo čas je zobrazeno znaky „#” v aplikaci Excel na stránkách podpory Microsoftu. Pro počítání se zápornými hodnotami času je potřeba tabulku (netřeba celý Excel) přepnout na "Kalendářní systém 1904". Protože je nastavení popsáno pro starší verzi doplním, že v Office 2007 vyvoláte nastavení programu tlačítkem na spodní liště panelu, co vyskočí po kliknutí na zamotanec (logo Office) v levém horním rohu okna Excelu, a nastavovací zatržítko pak v podmenu "Upřesnit". Viz obrázek: