CSS: Průhlednost / Opacity

Můžete mě považovat za CSS barbara, přesto o vlastnosti opacity a vůbec o možnosti řešit průhlednost výhradně přes CSS jsem ještě před pár dny nevěděl a měl jsem nutkání průhlednost řešit bůhvíjak přes JavaScript.
Aby to ovšem nebylo tak jednoduché, vývojáři prohlížečů (resp. především Microsoft se svým /prohlížečem??/ IE) stavějí do cesty spoustu barikád týkajících se kompatibility.
Pro spolehlivou průhlednost nějakého prvku totiž nestačí pouhá vlastnost opacity.

Pro běžné, současné prohlížeče postačí skutečně pouze následující zápis:
.transparent {opacity: 0.5}
Pro starší prohlížeče založené na jádru Gecko (Netscape Navigator, Mozilla <1.7, Firefox <0.9) platí:
.transparent {-moz-opacity: 0.5}
Na starší prohlížeče založené na jádru KHTML (např. Safari <1.2) platí tento:
.transparent {-khtml-opacity: 0.5}
Microsoftímu IE 5 až 7 je potřeba dát průhlednost najevo takto:
.transparent {filter: alpha(opacity=50)}
Aby těch IE-čkových hacků nebylo málo, (resp. nebyl by to Microsoft, kdyby si tvrdohlavě nechtěl prosazovat něco speciálního) pro IE 8 platí následující šílený zápis:
.transparent {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"}
Komplexní, spolehlivý zápis tedy vypadá následovně:
.transparent {
opacity: 0.5;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
filter: alpha(opacity=50);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
Nutno říci, že W3C v aktuální verzi CSS (2.1) neuznává ani jeden z těchto zápisů a validátor proto zahlásí chybu.
W3C by rádo uvedením CSS 3 sjednotilo tyto způsoby do jednoho - samozřejmě prvního - vlastnosti opacity, která rovněž od této verze bude uznána za správnou.

Zdroje:

CSS2 - opacity
opacity - MDC
CSS Transparency Settings for All Browsers

Google SearchWiki - nevěřím lidu, ani sobě

SearchWiki je jednou z prvních věcí, kterou jsem jako službu od Googlu nepřijal pozitivně...
Idea SearchWiki se mi nezamlouvá hned z několika důvodů:

1. Pokud se to začne používat ve větší míře, přestane mít význam dělat jakékoliv SEO pro Google
2. Zanikne takový ten hezký monolog "vyGoogli si slovo xyz a na druhé stránce TO najdeš", protože každý bude mít jiné výsledky
3. Nevěřím tomu, že každý uživatel posunuje výsledky (resp. stránky) v dobré míře a imho je to pro Google jen zbytečná práce navíc, sledovat podvodníky a "černé duše", pokud to pak nasadí "do ostrého provozu"(tzn. že posunování výsledků bude mít význam i pro ostatní usery)
4. Když pominu to, že nevěřím ostatním uživatelům (pokud by se moje výsledky měly řadit podle jejich "názoru"), tak se musím přiznat, že v podstatě nevěřím ani sobě.
   Opravdu nevím, jestli web, který dneska vyřadím z mé SERP nebudu chtít za několik měsíců mít na první straně. Weby se totiž mění a já nejsem schopen určit, zda pro mě web, který je pro mě nyní ztrátou času nebude zítra tím nejrelevantnějším, co si mohu přát. Relevanci za mě nyní dosud určoval Googlí algoritmus a přiznejme si, že to dělal více než dobře. Nevidím důvod, proč by to tak nemohl dělat dál.
5. Když něco hledám a nenacházím to, to hledám, zadám jiný dotaz znova. Opravdu se nemíním zabývat klikáním v několika-stránkovém SERP.
   

Jsou i určité klady, které by SearchWiki mohla přinést:

Tímto by mohly konečně zmizet ze SERP různé weby, co používají Black Hat metody SEO, tedy třeba cílí na stovky klíčových slov, které se uvedené stránky ani trochu netýkají, nebo mají v patičce desítky necílených zpětných odkazů (tzv. odkazové farmy), weby MFM, ve většině případů konkrétněji MFA

Je mi až s podivem, jak je možné, že takové stránky se ještě stále na SERP Googlu zobrazují... (stačí jen hledat klíčová slova kolem aktuálních témat - např. filmy, které budou mít brzy premiéru v kinech, nahé celebrity apod.)

Kde už křesla a židle nestačí

Protože valná většina programátorů stráví velkou část svého dne na židli, zdraví jejich zad je tak odkázáno na kvalitu židle. Osobně jsem vyzkoušel již řadu kancelářských židlí a křesel, všechny ale měly malou vadu na "kráse" - moje záda se musely přizpůsobovat židli a nezřídka se mi stávalo, že ke konci pracovního dne už se nedalo sedět na žádné židli, která byla v dohledu. Občas jsem se pokoušel o improvizace, jako např. ležení na posteli, ale tam jsem zase často u notebooku usnul...

Před týdnem, na Google Developer Day jsem v Relax roomu seděl na gymnastických míčích, které Google docela prosazuje (alespoň je často vídám na fotkách z různých "kanceláří" Googlu). Míče jsou určitě fajn na krátké posezení, ale vzhledem k tomu, že míč (jakýkoliv) je už z pricipu koncipován tak, že lidské tělo sám neudrží, musí si člověk pomoci svými svaly. Při sezení na míči musí vynakládat určitou sílu, aby z něho nespadl.

Při posezení ve zmíněném Relax roomu na GDD jsme s kolegou uvažovali, že by stálo za to si pořídit do kanclu nebo rovnou domů něco pohodlnějšího, než jsou běžná kancelářská křesla. Nejdříve padlo slovo na "Sedací míče" a od něj jsme se nějakým způsobem dostali na "sedací vaky". Došlo mi, že by to byla rozumná alternativa k mé stávající židli a tak jsem si trochu zagooglil a našel pravděpodobně (jediného?) nejznámějšího výrobce kvalitních sedacích vaků, a tím je Fatboy.

V sobotu odpoledne jsem udělal soukromé výběrové řízení mezi eshopy, které by mi mohly dodat Fatboye. Po pozavírání desítek panelů s eshopy s neúplnými kontaktními údaji, s amatérským grafickým zpracováním nebo předraženými cenami mi zůstal v prohlížeči svítit poslední panel s joy.cz (patřící pod mall.cz). Protože jsem ze středy na čtvrtek trochu více vyspával, pošťačka mě překvapila v 9:25 a mě se nechtělo z postele, šel jsem pro devítikilový balík větších rozměrů odpoledne na poštu.
Doma jsem jej hned rozbalil a "uvedl do provozu".
Nutno říci, že si dovedu představit, že bych měl na Fatboyi sedět celý den bez hnutí... Na křesle si to představit nedovedu... Nebo dovedu, ale nedovedu si představit pak to bolestivé vstávání z křesla v nočních hodinách...

Provedení Fatboyů je mnoho, já osobně, s ohledem na cenovou relaci a skutečnost, že nejsem pes, ani kočka a že jej chci do interiéru jsem dal přednost verzi Fatboy Original, konkrétně v tmavě šedém provedení.



Fatboy nabízí mnoho způsobů sezení a hlavně se přizpůsobí vašim zádům. Mimochodem je i údajně uznáván chiropraktiky jako řešení pro únavu svalů a páteře.

Obrazem: Dopolední část Google Developer Day

Pro ty, co se z nějakého důvodu GDD neúčastní mám malou ochutnávku, jakožto důkaz, že svojí nepřítomností přichází o hodně... :)

http://picasaweb.google.cz/radek.simko/GoogleDeveloperDay2008

Návštěva Prahy a WebExpa (1.den)

Pátek (18.10.)
Po zábavné hodině angličtiny, po několika udělených BadPointech naší učitelkou pár spolužákům (za mluvení češtinou při hodině angličtiny), pohodové hodině Mechaniky a jedné bídné porci Cordon Blue s bramborami v naší školní jídelně jsem vyrazil vlakem do Prahy za přednáškami...
Po příjezdu do Prahy už na mě na hlaváku čekal táta, jak jsme se domluvili... Sdělil mi svůj záměr, zpestřit si večer večeří v Mexiku na Smíchově. Po cestě metrem a pár kroků pěšky přes most Legií jsme seděli v příjemné restauraci... Místní atmosféra, obsluha a jídlo by asi bylo na samostatný článek, ale ve zkratce: Byl to fajn večer... Po večeři jsme zamířili pěšky zpět na hlavák a odsud už na ubytovnu do Vraného, vyspat na zítřejší (resp. dnešní) den.

Sobota (19.10.) - První část WebExpa
Po příjezdu jsem zamířil dle vyznačené trasy k budově, kde se konala registrace účastníků - klasický proces, stejně na jakékoliv jiné konferenci, přednášce, veletrhu apod.
Zde jsem po ohlášení jména dostal "jmenovku", respektive potisklou samolepku mým jménem o velikosti cca. 10x2 cm (strojaři mi prominou nestrojařské jednotky... ;-) ). Osobně bych si tuto věc vizitek/jmenovek představoval jinak zvládnutou, konkrétně na každé konferenci JuniorInternet každý účastník dostane vždy svůj plastikový průhledný "obal" (nevím jak to jinak nazvat, asi to má svůj název...) na vizitku s klipem. Takovouto cedulku pak (v případě že ji nepotřebuji) můžu jednoduše sundat nedestruktivně z oblečení a případně znovu použít, což v případě samolepky rozhodně nejde. Pokud navíc máte jednu samolepku na oba dny konání akce, je to docela dobré zjištění, že si máte hlídat jakýsi kus papírku, který sotva drží na vašem oděvu a ještě ho nosit viditelně...
Po registraci jsem zamířil do vedlejší budovy do Auly, kde se konalo ofic. zahájení WebExpa. Po pár úvodních slovech a zjištění, že se zde nic podstatného nedozvím jsem odkráčel zpět do budovy z přednáškovými místnostmi a to konkrétně do Webdesign & Marketing Room, kde přednášel Jaroslav Knap na téma "Fixní, procentní a fluidní CSS layout". Zpracování samotné přednášky, musím uznat, že bylo skutečně originální. Přednášející, jakožto kodér, si "prezentaci" připravil jako běžnou HTML stránku, kterou pak při prezentování scrolloval. Zajímavé řešení, jen bych jej osobně doplnil ještě o odkazy na pozici v dokumentu typu dokument.html#slide-5 , což by prvně usnadnilo přesouvání se mezi jednotlivými snímky a za druhé by bylo možné kdykoliv se odkázat na konkrétní snímek. Samotný předmět prezentace mě příliš nezaujal… Prezentaci jsem opustil ještě před jejím skončením, ne snad proto, že by mě až tolik nezajímala, ale v Aule jsem si nechtěl nechat ujít přednášku Radka Hulána o Použití webových aplikací Microsoftu pro business sféru. Po té již následoval oběd. Po obědě jsem šel na jisto do Developer Roomu a tam jsem rovněž zůstal až do poslední přednášky. Z této, odpolední části bych mohl snad jen vypíchnout přednášku Davida Grundla o jeho frameworku Nette, která byla skutečně nadmíru zábavná i zajímavá… Po poslední přednášce v Developer Roomu jsem došel k nečekanému zjištění – neměl jsem u sebe bundu. Vzhledem k tomu, že jsem během dne navštívil míst několik jsem téměř předem rezignoval při hledání bundy. Nakonec mi pomohla nějaká paní, co tam vyklízela všechny posluchárny po skončení. Nasměrovala mě do 3. Posluchárny, kde se prý našlo spoustu věcí, kromě té bundy. Bunda byla zpět…
Po skončení jsem se ještě stavil na firmě na Žižkově, vyřídit pár věcí s kolegou a pak odsud vlakem opět na ubytovnu do Vraného, kde půjdu za chvíli spát… na 6 hodin…
Zítra se možná zmíním ještě o druhé části WebExpo, v závislosti na tom, jestli bude o čem psát…