Nejnovější obsah weblogu
Centrum.cz hledá HTML kodéra
Pokud je vaší zálibou XHTML, CSS, ovládáte JavaScript a můžete se pochlubit nějakou zajímavou referencí, máte dobrou příležitost pracovat pro portál Centrum.cz.
Více informací naleznete na stránce Centrum.cz Volná místa - HTML kodér.
Pondělí 13. března 2006, 11:11 | Trvalý odkaz | Komentářů [14]
Internet Explorer otevírá URL ve Firefoxu!
Tvůrci jediného správného prohlížeče se opět předvedli. Internet Explorer je už tak bezpečný, že už vám sám ani neotevře ručně zadanou URL. V Internet Exploreru tudíž můžete jen klikat z domovské stránky.
Za všechno může kumulativní oprava č.905915 pro Internet Explorer. Jak jsem se dočetl opravou by měly být "postiženy" prakticky všechny systémy Windows.
Pokud tedy chcete mít tu krásnou možnost zadávat do adresního řádku URL a nechcete, aby se vám stránka z jakéhokoli důvodu otevírala v jiném prohlížeči, budete muset tuto záplatu odinstalovat. Pozor, odinstalace vyžaduje restart počítače!
Smutné také je, že okno IE zůstane při otevření stránky v jiném prohlížeči otevřené a pokud se budete snažit s Explorerem cokoli udělat (třeba napsat další url) otevře se cca 40-60 nových oken Internet Exploreru a spolu s nepříjemným zvukem systémové chyby budete informování o tom, že byl proveden pokus o odkaz na neexistující token
. Toto mi způsobilo také nefunkčnost Adobe Photoshop Elements. Takže pozor na neuložené dokumenty, než zapnete Internet Explorer!
Jak se záplata chová bez nainstalovaného Firefoxe, netuším a raději to ani zkoušet nebudu.
Mám pocit, že by bylo nejlepší, kdyby příští bezpečnostní oprava od Microsoftu Internet Explorer kompletně odinstalovala ze systému. Pak by se možná IE stal konečně bezpečným prohlížečem.
Úterý 20. prosince 2005, 15:16 | Trvalý odkaz | Komentářů [22]
Obrázkový hover efekt i s Internet Explorerem
Klasická situace, kdy potřebujeme textový odkaz překrýt obrázkem a tomuto obrázku pak přiřadit hover efekt. Vše se zdá být jednoduché, ale...
Kvůli Internet Exploreru již nemálo lidem zešedivělo pár vlasů. Po včerejším odpoledni mi nějaké také přibyly. Po konzultaci s kolegou Plaváčkem, který se čirou náhodou nedávno s podobnou situací také nějakou tu hodinu potýkal, jsme se rozhodli, že několik šedivých vlasů ušetříme našim pozorným čtenářům.
Mějme tedy následující HTML kód
a k tomu následující CSS předpisy
position: relative;
width: 200px; height: 200px; /*rozměry obrázku*/
}
#odkaz a, #odkaz a span {
display: block;
width: 100%; height: 100%;
position: relative;
}
#odkaz a span {
position: absolute;
top: 0; left: 0;
z-index: 1;
background: url("obrazek.gif") no-repeat left top;
}
#odkaz a:hover span {
background-position: left bottom;
}
Vše se zdá být maximálně jednoduché. V příkladu je použita Pixyho metoda Rychlé rollovery bez načítání, kterou ovšem, jak je vidět i na Pixyho příkladu uvedeným pod článkem chápe Internet Explorer pouze proto, že obrázek je pozadím přímo elementu a a nikoli až překrývajícím span, jak potřebujeme my.
Na našem příkladu Internet Explorer ponechá po opuštění prostoru elementu myší obrázkové pozadí v pozici, jako by stále stav hover trval. Mozilla i Opera vše chápou v pohodě. Takže otázkou zůstává, jak z toho ven? 90% uživatelů totiž stále používá ten starý, nebezpečný, ale pro ně jediný správný prohlížeč... Takže ochudit takové procento o hover zážitek by asi nebylo správné.
Někteří možná vědí, jiní ne. Internet Explorer pro plnou funkčnost hover efektu vyžaduje definici různých barev pro a a a:hover. Pokud tedy do stylových předpisů předpisů doplníme
color: #fff;
}
#odkaz a:hover {
color: #ddd;
}
vše funguje bez problémů a my si můžeme ušetřit pár šedivých vlasů na příští zápolení s milovaným JESPRP. Dík za tu zkratku Plaváčku!
A ještě odkaz na ukázku Obrázkový hover efekt i s Internet Explorerem.
Pátek 12. listopadu 2004, 16:33 | Trvalý odkaz | Komentářů [11]
Blog o tvorbě webu děkuje...
Ano, Blog o tvorbě webu startuje druhou dvoustovku spotů a při té příležitosti jsem si řekl, že je na čase poděkovat. Poděkovat těm, kteří nás webdesignery, kodery, programátory či pouhé nadšence učí nebo spíš od kterých se můžeme učit, pokud chceme!
Ač jsem některé z nich nikdy neviděl, přece jsem si od nich odnesl mnohem více, než od některých, které jsem vídával ve školních lavicích každý den. Díky jejich vynikající publikační činnosti, která je plná zkušeností z praxe, je moje hlava o něco bohatší.
Tímto děkuji (na pořadí nezáleží)
- Petrovi Staníčkovi za vynikající blog, knihy, které sepsány byly a doufám, že ještě budou.
- Vilémovi Málkovi, jeho předchůdcům a všem autorům článků za vedení magazínu Interval.cz. Lepší zdroj informací, které potřebuji asi v českém jazyce není!
- Markovi Prokopovi za Sovu v síti, Poslední středy a vůbec za vše, co pro český Internet dělá.
- Dušanovi Janovskému za vynikající Jak psát web a jeho weblog.
- Davidovi Špinarovi za boj o přístupnost, Poslední středy.
- Přispěvatelům nejen do diskusí na Intervalu jako jsou Michal Kubeček, Miroslav Kučera, Plaváček, a spousta dalších, jejichž komentáře jsou věcné a poučné a nejsou jen výkřiky do tmy.
- Kolegům blogerům, jejichž zajímavé články věnující se internetovému dění na webu si vždy rád přečtu. Ostatně, jejich přehled můžete vidět v menu tohoto blogu. Jeden, jehož články poslední dobou také stojí za to přečíst tu není, protože některé jeho úlety mi opravdu nesedí.
- Všem tvůrcům webů, kteří ani nemusí publikovat své zkušenosti, protože za ně mluví jejich díla. Příklady budiž Plaváček, Pavel Kout či PeckaDesign.
Pánové, já vám tímto děkuji za "boj" za lepší web a někdy i celý Internet nejen v České republice. Děkuji za vaše zkušenosti, které si nenecháváte pro sebe a ze kterých jsem se já a jistě hodně dalších hodně naučil.
Pevně doufám, že se nikdy nenecháte odradit všemi rádoby chytrolíny a v učení nás všech budete pokračovat!
Pondělí 27. září 2004, 10:37 | Trvalý odkaz | Komentářů [18]
České weby na tom nejsou zase tak špatně
Tu či tam, z úst či řádků mých nebo jiných čas od času zaznívá většinou oprávněná kritika týkající se provedení některých českých webů. V praxi webdesignérské je člověk občas donucen zatoulat se na web zahraniční. A pak nezbývá nic jiného, než řici si, že na tom nebudeme v českých luzích a hájích nejhůře.
Také už se vám někdy stalo, že zákazník, který je distributorem zboží ze zahraničí, při kontaktní schůzce vysloví přibližně tuto větu: Podívejte se na web mého dodavatele, měl bych podobnou představu. S očekáváním jsem poslední dobou pár takových webů z vyspělého západu otevřel a nestačil se divit.
Weby některých firem a jejich zahraničních distributorů inspirují z 95% (u mě aktuálně ze 100%) maximálně k stisknutí toho černého křížku úplně vpravo nahoře a to jsem ještě hodně slušný. Grafická úprava na úrovni začátečníka s Wordem, zubaté obrázky 150x150 pixelů o datové velikosti 100 kB a více, otevírání nových oken pomocí JavaScriptu, blikacící a skákající obrázky jsou samozřejmostí a dál škoda mluvit.
Tím ovšem nechci tvrdit, že všechny zahraniční weby mají tuto podobu. Při tvorbě mého aktuálního dílka z branže stavebních strojů jsem snad na žádný slušný nenarazil.
Sobota 25. září 2004, 06:33 | Trvalý odkaz | Komentářů [10]