neděle 28. listopadu 2010

Blueinfo

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.

čtvrtek 25. listopadu 2010

Průhledné PNG v IE6 pomocí jQuery

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

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.

úterý 23. listopadu 2010

Jak "zablokovat" Skype Toolbar

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! :-)

neděle 21. listopadu 2010

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

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 LubuntuLubuntu: 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?

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?

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 LubuntuLubuntu: 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...

čtvrtek 18. listopadu 2010

19 tipů pro lepší CSS

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:
  1. Používejte smysluplné názvy
  2. Nepoužívejte ID, ale obecnější classy
  3. Využívejte dědičnosti a kaskádování
  4. Používejte namespacing
  5. Neupravujte CSS zvlášť pro všechny prohlížečích - Opravdu musí vypadat stránka přesně stejně ve všech prohlížčích?
  6. Optimalizujte HTML kód a vyhněte se zbytečným divům a spanům
  7. Nepoužívejte inline styly
  8. Vyhněte se hackům
  9. Resetujte CSS
  10. Zvolte si a použijte framevork
  11. Komentujte kód
  12. Používejte zkrácené definice
  13. Vyberte si způsob zápisu CSS a zůstaňte u něj
  14. Zkontrolujte opakující se kód
  15. Použijte sprites (sprajty)
  16. Používejte objektově orientované CSS
  17. Učte se u mistrů
  18. Validujte CSS
  19. Minimalizujte CSS

středa 17. listopadu 2010

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

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? ;-)

pondělí 15. listopadu 2010

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

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"

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.

neděle 7. listopadu 2010

Fancybox na Blogger.com

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

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

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.

MAKE Magazine

Technology Review RSS Feeds

Nejčtenější příspěvky