Příručka: Weblog o tvorbě webu

Weblog pro webmastery, zaměřeno na XHTML, CSS, SEO, použitelnost a přístupnost webových stránek

pátek, 31. říjen 2003

Přehled článků z webu XIII.

Autor: Vít Dlouhý, čas: 21:13, Komentáře , Trvalý odkaz

čtvrtek, 30. říjen 2003

Proč jsou tabulky pro layout hloupé řešení?

Tabulkový a beztabulkový layout -- nekonečné téma, kterému je možná až zbytečně věnováno příliš prostoru. Přesto, prezentaci Why tables for layout is stupid: problems defined, solutions offered, kterou připravili pánové Bill Merikallio a Adam Pratt byste si neměli rozhodně nechat ujít.

Narozdíl od strohých a jednotvárných článků, působí tato 33 stránková prezentace opravdu poutavě. Jednotlivé kapitolky jsou krátké, čtivé a "nadupané" informacemi, v nichž nechybí nic podstatného. Vše je navíc doplněno moc hezkými komiksovými obrázky (za kterými pravděpodobně stojí Adam Pratt, ze společnosti Adobe Inc.), které se vždy váží k danému tématu.

Doplněno: Diskuse o článku se nachází na AccessifyForum.

(via web-graphics)

Autor: Vít Dlouhý, čas: 12:27, Komentáře , Trvalý odkaz

Optimalizace nadpisů pro SEO

D. Keith Robinson, který publikuje na svém weblogu Asterisk*, napsal tentokrát v jeho rámci krátký spot Search Engine Optimization -- Titles, ve kterém obsáhl několik více i méně známých rad týkajících se psaní nadpisů, zde jsou některé z nich:

  • Říkejte přesně to, co máte na mysli
  • Nejrelevantnější informace obvykle patří na začátek
  • Nepoužívejte dvousmyslné výrazy

Relevantní odkazy:

Autor: Vít Dlouhý, čas: 12:00, Komentáře , Trvalý odkaz

pondělí, 27. říjen 2003

Tabulky vs. plná integrace CSS - nekonečný příběh

Chtě nechtě se v poslední době setkávám s názorem: Používání kaskádových stylů je elitářství, či pokus o vyjádření své povýšenosti. K vidění jsou i taková nesmyslá spojení, jako CSS fundamentalisté, technická masturbace a kdo ví, co ještě. Osobně mě to nechává celkem chladným, je však zajímavé takové diskuze, případně články sledovat. Jeden takový článek tu dnes mám: Tables vs FULL CSS INTEGRATION (decloak Inc.).

Po jeho přečtení jsem se konečně dozvěděl, že standardy W3C jsou nepoužitelné, že používání kaskádových stylů nemá žádné větší výhody, určitě neušetří traffic a rozhodně se také stránky nebudou načítat rychleji -- proč jsem jen tohle nevěděl dřív? ;-)

Důležité pro tvorbu vlastního názoru je: Celé věci porozumět a pochopit ji, není to o tom, někde si něco přečíst a říct si: Ano, oni to tak dělají, tak my také! (klasický to argument firemního zadavatele webové prezentace). Podstata tkví v tom, vše si sám vyzkoušet a na základě toho si udělat vlastní názor. Při pohledu do zápisu stylů na inkriminované stránce je mi jasné, že autorovi CSS jasné není - neříká mu nic hromadná deklarace, či "pravidlo nejbližšího tagu". Není tedy divu, že na dalších místech v článku je zcela mimo mísu.

Neméně podstatnou záležitostí je uvědomit si také, že tvorba stránek, potažmo práce s CSS není jednoduchá (tzv. "Yuhůovské pravidlo" ;-). Důležitá je vytrvalost (a někdy i pevné nervy). Bohužel vyjímkou není názor: Blbý styly, nejdou mi tam udělat tři stejný sloupce, tak jako s tabulkama, tak proč bych se jimi měl zabývat?!.

Samozřejmě, podpora kaskádových stylů ze strany prohlížečů ještě není všude zcela dokonalá (na druhou stranu, problém nespočívá vždy pouze v browseru), a nějaký čas ještě určitě nebude, to ví každý, kdo se styly pracuje, stejně tak jako ví, že: Už v tomto stádiu použitelnosti je CSS mnohem dál, než by se tabulky (rozuměj tabulkový layout) mohly kdy dostat. Příkladů je celá řada...

Závěrem. Je jasné, že enormní prosazování kaskádových stylů, kterého jsme svědky se někomu (např. lidem, kteří "ovládli" FrontPage, případně "old-school" webmasterům) nelíbí -- a tak jsou na druhé straně barikády dvě silné skupiny. Zatímco tu první byste na CSS nalákali "pěkně" barevným (max. 16 barev) posuvníkem v Internet Exploreru, ta druhá má "svou hlavu" a pokud ze zkušeností dospěla k názoru, že tabulkový layout je lepší, tak JE TO V POŘÁDKU, pokud k tomu názoru dospěla ze strachu z pokroku (nebo z lenosti učit se něco "navíc"), tak se někde stala chyba...

Přeji pěkný den!

Doplněno: 1.11.2003, tímto tématem se zaobírá i Jeffrey Zeldman.

Autor: Vít Dlouhý, čas: 11:32, Komentáře , Trvalý odkaz

Optimalizace RSS pro FeedDemon

Nick Bradbury na svém weblogu radí, jak optimalizovat RSS výstup pro čtečku FeedDemon (jíž je čirou náhodou spoluautorem): Optimizing your RSS feed for FeedDemon (Nick Bradbury, 24.10.2003). Vzhledem k tomu, že jsou jeho rady víceméně všeobecné, tak se dají využít při tvorbě jakéhokoliv RSS výstupu - nehledě na to, v které z čteček bude prohlížen:

  • Každá z položek by měla mít datum publikace, pubDate nebo dc:date
  • Používejte krátké, popisné title pro každou položku
  • Nepřeskakujte description
  • Vyhněte se jakémukoliv HTML formátování

Autor: Vít Dlouhý, čas: 10:21, Komentáře , Trvalý odkaz

sobota, 25. říjen 2003

Novinky v CSS2.1

15. září 2003 byl konsorciem W3C uveřejněn The CSS2.1 Last Call Working Draft. Vše podstatné shrnuje Ian Hickson na svém weblogu Hixie's Natural Log.

Autor: Vít Dlouhý, čas: 21:01, Komentáře , Trvalý odkaz

Hrátky s CSS

Před týdnem vzbudil "rozruch" CSS domeček od Chrise Hestera - viděli jste ale už ilovethenightlife (Tanfa.co.uk)? Někomu zřejmě nestačil dům a tak rovnou postavil městěčko ;-) Zajímavě vypadá také Stacked Cubes Q*bert style od Jacka Ratcliffa - kam až tyto hrátky povedou?

Autor: Vít Dlouhý, čas: 20:55, Komentáře , Trvalý odkaz

středa, 22. říjen 2003

A List Apart v novém!

A List Apart již běží v novém designu! Nebudu se o něm nějak obšírněji rozepisovat - raději se podívejte a názor si udělejte sami. No, a když už tam budete, tak si určitě nenechte ujít článek Sliding Doors of CSS od Douga Bowmana a neméně kvalitní Facts and Opinion About Fahrner Image Replacement od Joe Clarka - jen tak dál!

Autor: Vít Dlouhý, čas: 21:13, Komentáře , Trvalý odkaz

10 důvodů pro CSS

Christopher Schmitt si dal tu "práci", aby v jednom z rozhovorů sepsal 10 hlavních důvodů hovořících pro používání kaskádových stylů -- myslím, že nezapomněl na nic podstatného a tak vám Top 10 Reasons to Learn CSS (Sessions.edu) rád doporučím (i proto, že řada dalších odpovědí stojí za to).

Z trochu jiného soudku je rozhovor s Jeffrey Zeldmanem (Lounge72), týká se především jeho práce, připravovaného redesignu webu A List Apart a v neposlední řadě se také Jeffrey rozpovídal o Microsoftu a jeho prohlížečové podpoře standardů. Vcelku zajímavé čtení.

Autor: Vít Dlouhý, čas: 15:59, Komentáře , Trvalý odkaz

Česká zahrádka

Světoznámá CSS Zen Garden, jejíž "otcem" je Dave Shea má i českou verzi. Do rodné řeči ji přeložil Václav "MaTZ" Macinka.

Autor: Vít Dlouhý, čas: 15:55, Komentáře , Trvalý odkaz

neděle, 19. říjen 2003

Pseudo třída :after a tisk stránky

Specifikace CSS 2.0 nabízí využití řady užitečných pseudo tříd, jednou z nich je i :after (opakem k ní je :before). Zatímco první z nich pracuje s "oblastí" za nadřazeným tagem, druhá z nich před ním. Následující příklad má za úkol při tisku stránky zobrazit v hrantané závorce za obsahem odkazu také samotnou URL (velice užitečná vlastnost):


@media print {
a:after {
	content : " [" attr(href) "] ";
	} 
}

V praxi pak může vytisknutá stránky vypadat třeba takto: Více příkladů najdete na stránce Example [http://www.example.com]. Tagem div můžete ohraničit pouze obsahovou oblast tak, aby se při tisku nezobrazovala URL např. u navigace, či patičky stránky. Již tradičně si bohužel na tomto místě musím postesknout nad IE, který tyto pseudo třídy nezná a tudíž ignoruje.

Relevantní odkazy:

Autor: Vít Dlouhý, čas: 10:05, Komentáře , Trvalý odkaz

sobota, 18. říjen 2003

position: fixed a plovoucí vrstva napříč prohlížeči

Mark Howells předvádí na svých stránkách jak pomocí JavaScriptu a kaskádových stylů vytvořit position: fixed panel, který bude neustále na jednom místě a nebude scrollovat z dalším obsahem stránky. To by samo o sobě nebyl problém, nebýt Internet Exploreru, který již tradičně na tomto místě selhává. Markovo řešení s využitím JavaScriptu však funguje docela dobře (ne zcela ideálně, ale dobře) a tak je tento postup úspěšný jak na IE/Windows, tak na IE5/MAC (který sice tento příkaz zná a zvládá, obsahuje však jinou chybu, která brání v jeho použití). Celý postup, včetně dalších informací můžete vidět na Floating layer demonstration.

Alternativní řešení pak nabízí Petr Paul Koch.

Autor: Vít Dlouhý, čas: 10:37, Komentáře , Trvalý odkaz

Vhodný formát pro webovou grafiku: GIF, PNG, JPEG?

Na SitePointu vyšel čtyřstránkový článek Cleaner, Sharper GIF, JPEG, And PNG Images, který bych vám rád doporučil. Jeho autor Thomas Rutter se v tomto obsáhlém povídání věnuje třem nejrozšířenějším grafickým formátům, s kterými se lze na internetu setkat (pozn. *.swf vynechávám záměrně) - GIF, PNG a JPEG. V článku se jednak dozvíte něco z historie všech tří kompresních algorimtů, dále se dočtete, jak a kde je nejlépe používat a nechybí ani pár malých ukázek komprese. Povedené!

Autor: Vít Dlouhý, čas: 10:21, Komentáře , Trvalý odkaz

CSS domeček

Většina z vás to již asi viděla, pro ty ostatní: 3D border demo 2 od Chrise Hestera ukazuje, co všechno je možné v kaskádových stylech vytvořit s dostatkem umu a času - třeba i dům...

Autor: Vít Dlouhý, čas: 10:18, Komentáře , Trvalý odkaz

pátek, 17. říjen 2003

XHTML/CSS layouty kompatibilní s NN4.x

Ačkoliv mám pocit, že všech těch návodů na beztabulkové šablony tvořené podle standardů XHTML bylo již opravdu dost, musím tento spot napsat a to hned ze dvou důvodů. Jednak proto, že je to jedna z prvních (ne-li vůbec první) věcí, která přecházivší z tabulek zajímá, s: Jak udělat nejlépe třisloupcovou strukturu bez tabulek?, se co do počtu dotazů může rovnat snad jen: Jak udělat tři stejně dlouhé sloupce?. Ať tak nebo tak, člověk stejně nikdy neví, kdy se to může hodit -- což je ten druhý důvod, proč vás dneska odkáži na stránku CSS Enterprise, jejíž podtitulek: NN4-compatible XHTML/CSS 3 column layouts, mluví asi za vše. Předpřipravené šablony můžete navíc pomocí vloženého formuláře mírně modifikovat.

No a vzhledem k tomu, že bych rád toto téma alespoň na nějakou dobu uzavřel, tak vás pro úplnost odkáži ještě na Craiga Sailu a jeho CSS Layouts for Netscape 4, které ale většina z vás již asi dávno zná.

Těm, kteří si raději vytvoří vše sami by mohl být užitečný výborný článek CSS a Netscape 4 od Marka Howellse.

Relevantní odkazy:

Autor: Vít Dlouhý, čas: 12:17, Komentáře , Trvalý odkaz

Rozdílné styly pro různé prohlížeče a různé platformy

V nápovědě k vynikajícímu programu TopStyle Pro 3.0 firmy Bradbury Software (vřele jej doporučuji, pro práci s kaskádovými styly je opravdu bezkonkurenční) jsem našel dva malé JavaScripty, které slouží k načtení rozdílných stylů na prohlížeči Internet Explorer a Mozilla/Netscape. Pokud ošetříte stránku i pro případ vypnutí JavaScriptu, tak by se vám mohl následující příklad hodit (ačkoliv já mám spíše za to, že při znalosti všech těch css-hacků, kterými se většina webmasterů musela chtě nechtě vyzbrojit musí pro každou stránku stačit pouze jeden hlavní předpis a nějaké dělení na prohlížeče není potřeba). Berte to tedy celé spíše jako malou zajímavost před víkendem...

<script language="JavaScript">
<!--
if(-1 != navigator.userAgent.indexOf("MSIE"))
{
// Internet Explorer
document.write('<link rel="stylesheet" type="text/css" href="ie.css">');
}
else if (-1 != navigator.userAgent.indexOf("Mozilla"))
{
// Netscape a Mozilla
document.write('<link rel="stylesheet" type="text/css" href="netscape.css">');
}
else
{
// ostatní prohlížeče
document.write('<link rel="stylesheet" type="text/css" href="other.css">');
}
//-->
</script>

Obdobným skriptem lze odlišit i platformu Windows od platformy MAC (ačkoliv po pravdě nevím, k čemu by to mohlo být dobré):

<script language="JavaScript">
<!--
// styl pro MAC
if (navigator.platform.indexOf('Mac') != -1) {
document.write('<link rel="stylesheet" type="text/css" href="mac.css">');
// styl pro Windows
} else{
document.write('<link rel="stylesheet" type="text/css" href="windows.css">');
}
//-->
</script>

Relevantní odkazy:

Autor: Vít Dlouhý, čas: 12:04, Komentáře , Trvalý odkaz

čtvrtek, 16. říjen 2003

Pseudo třídy :focus a :not

Krátký spot :focus and :not, pojednávající o dvou méně známých pseudo třídách kaskádových stylů, si můžete přečíst na weblogu white space. Zejména zapojení pseudo třídy :focus do formulářů (kde také má své hlavní opodstatnění) mi přijde jako výborný nápad. Stačí pro formulářové prvky přidat do zápisu stylů příkaz input:focus, textarea:focus { background-color: #fea; }, což bude mít za následek změnu barvy pozadí aktivního pole. Výhoda tohoto řešení spočívá především v lepší orientaci mezi poli (a to hlavně v případech, kdy není na první pohled zřejmá jejich hierarchie a skáče se mezi nimi na přeskáčku).

Jednoduché, dle mého názoru velice užitečné, bohužel nijak zvlášť používané - svou vinu na tom nese jistojistě i majoritní prohlížeč, který "nefokusuje" (šestá verze pouze použije pseudo třídu :active). Mozilla bez problémů, Opera jakbysmet! Není tedy důvod, proč toho nevyužít - radost bude mít při práci s takto ošetřeným formulářem minimálně několik procent návštěvníků.

Autor: Vít Dlouhý, čas: 17:13, Komentáře , Trvalý odkaz

středa, 15. říjen 2003

Novinky u Mozilly

Na Mozillích stránkách se dnes objevily jednak nové verze programů Mozilla 1.5, Thunderbird 0.3 (e-mailový klient) a hlavně Firebird 0.7. Zajímavější je však ukázka inovované verze oficiálních stránek, na které pracuje Dave Shea. Podrobněji informuje nitroblok.

(via Digital Web News)

Autor: Vít Dlouhý, čas: 21:45, Komentáře , Trvalý odkaz

úterý, 14. říjen 2003

Google od McDonalda

Chytrý, hezký, nepoužitelný, tak takhle mimo jiné počastoval weblog Jump the Gap pokus McGoogle. Pokud vás již omrzel klasický vzhled fulltextu Google, tak nyní si můžete nechat zobrazit jeho výsledky hledání na obalu z menu firmy McDonald -- kdo neviděl neuveří... Jen podotknu, že je to celé postaveno na Google API a ke shlédnutí tohoto šíleného nápadu budete potřebovat Flash plug-in.

Nevím zda-li to byl záměr, ale právě ono spojení Google-McDonald mi přijde jako docela trefný pokus upozornit na ohromný monopol v internetovém vyhledávání, který si chlapci z Kalifornie svým fulltextem vytvořili. Používáte někdo třebas AllTheWeb? Přijde mi, že je docela nedoceněný. Jaký je váš názor?

Autor: Vít Dlouhý, čas: 16:54, Komentáře , Trvalý odkaz

CSS Rollover jediným obrázkem a bez JavaScriptu

Další zajímavý pokus o grafický CSS rollover, vytvořený za použití jediného obrázku naleznete na stránce CSS Rollover jediným obrázkem a bez JavaScriptu. Celá finta spočívá v příkazu background-position se zápornými hodnotami, jenž zobrazí vždy pouze požadovaný úsek podkladového obrázku. Výhody i nevýhody jsou jasné, já jen dodám, že autorem je Jan Hutař. Testováno na všech novějších prohlížečích.

Autor: Vít Dlouhý, čas: 16:47, Komentáře , Trvalý odkaz

neděle, 12. říjen 2003

Počítáme kontrastní barvy II.

Před dvěma měsíci jsem svý spotem Počítáme kontrastní barvy odkazoval na užitečný online skriptík, který slouží k výpočtu barevného rozdílu a rozdílu v jasu dvou zadaných barev (skript později vylepšil Ondrej Ivanič). Dnešní program, na který vás nasměruji jde v podstatě ve šlépějích tohoto skriptu, má ale pro nás jednu hlavní výhodu -- lze si jej ve formě .exe souboru stáhnout na disk a patřičné výpočty po té dělat v klidu, bez nutnosti připojení na internet.

Nuže, program naleznete na stránce Color Visibility Test Program (jeho velikost je zhruba 230kB), autorem je Chris Ridpath a v podstatě umí to samé, co zmíněný skript, navíc má snad jen možnost nastavení vlastních minimálních hodnot pro rozdíl ve světlosti a barvě (doporučené hodnoty jsou dle programu 125 a 500). Jediná nevýhoda, která však dost zamrzí je nemožnost vložit barvu ve formátu #RRGGBB, přípustný je pouze zápis RGB v rozsahu 0-255.

Relevantní odkazy:

Autor: Vít Dlouhý, čas: 09:55, Komentáře , Trvalý odkaz

sobota, 11. říjen 2003

ValiDAQ

Pokud máte volnou chvilku, můžete zabrousit na ValiDAQ, který spravuje Tim Beadle. Již samotný podtitulek: "The Hall of Shame", naznačuje, že obsahem stránky je vytvoření malého žebříčku stránek s největším počet chyb (hlavním porotcem je W3C Validator). Prvenství si zatím drží stránka News.com s "úctyhodným" skóre - 965 chyb!

Pokud souhlasíte s názorem světového odborníka na použitelnost webových stránek Vincenta Flanderse, který na svých stránkách Web Pages That Suck hlásá, že: Dobrý web design se naučíte tím, že se budete dívat na ten špatný, tak po shlédnutí tohoto žebříčku již budete vytvářet jen dokonalé stránky! Tedy alespoň po stránce kódu ;-)

(via Jim Mangan)

Autor: Vít Dlouhý, čas: 03:23, Komentáře , Trvalý odkaz

Ovládněte Firebirda!

Jednoduchý, rychlý a stabilní - tři slova, která by v krátkosti mohla definovat v poslední době velice oblíbený prohlížeč Mozilla Firebird. Není se tedy čemu divit, že se o něm rozepisuje kde kdo -- naposledy se mu věnoval Simon Willison ve spotu Firebird URL shortcut tips, v němž popisuje pár klávesových kombinací, které by se mohly hodit i vám:

  • Zkuste vložit požadovaný název domény (např. "google"), Ctrl+Enter po té zajistí dosazení www. a .com
  • Totéž, ale Shift+Enter dosadí .net
  • Ctrl+Shift+Enter dosadí příponu .org
  • Pokud při odesílání adresy stisknete Alt+Enter, zobrazí se stránka v záložce (přechod mezi záložkami je řešen pomocí Ctrl+PageUp a Ctrl+PageDown)
  • Ctrl+K zajistí rychlý skok do pole pro vyhledávání
  • Klávesou F6 se přemístíte do adresového řádku

Já přidám ještě pár (dle mého názoru neméně užitečných) kombinací:

  • Ctrl++, zvětší písmo (zmenšení pomocí Ctrl+-), pokud máte myš s kolečkem, můžete téhož výsledku docílit pomocí Ctrl+WheelUp a Ctrl+WheelDown
  • Novou záložku lze vytvořit kombinací Ctrl+T, zavřít Ctrl+F4

Více kombinací pro klávesnici a pro myš naleznete na webu Texturizer.

(via Simon Willison)

Autor: Vít Dlouhý, čas: 02:55, Komentáře , Trvalý odkaz

středa, 8. říjen 2003

Interforum na Intervalu

Interval má nové diskusní forum - Interforum (ani bych si ho nevšiml, nebýt zmínky u Lukáše Mačího). Zatím jsem si jen namátkou prohlížel obsah diskusí a strukturu fóra a myslím, že můžu s klidem říct, že už nyní je toto forum lepší, než to předešlé. Zkuste sami!

Autor: Vít Dlouhý, čas: 21:59, Komentáře , Trvalý odkaz

Popolezte v Google!

Eric Wolfram již před delší dobou napsal čtivý článek Score Higher in Google Search Engine (and why Google is saving the web), v němž shrnul několik základních rad pro zlepšení vaší pozice v Google. Článek má i krátké pokračování, doporučil bych jej spíše začatečníkům "v oboru", kterým přinese řadu hodnotých informací. Pro pokročilejší bych doporučil nedávnou diskusi na Webmaster Worldu Google Search Engine Optimization, kterou odkazoval Marek na Sově v síti.

Ať tak nebo tak, to hlavní je stejně jenom v Google Information for Webmasters... :-)

PS: Čistě pro zajímavost -- stránky http://wolfram.org/ mi připomínají nějakou hooodně navštěvovanou stránku, jen si nemůžu vzpomenout jakou ;-)))

Relevantní odkazy:

Autor: Vít Dlouhý, čas: 17:22, Komentáře , Trvalý odkaz

úterý, 7. říjen 2003

Co nového na blozích

Autor: Vít Dlouhý, čas: 16:54, Komentáře , Trvalý odkaz

pondělí, 6. říjen 2003

Kaskádové styly snižují traffic

Pamatujete, jak jsem si zhruba v polovině srpna stěžoval na Google, který má zbytečně složitý kód? Tehdy jsem uváděl jako jeden z důvodu, proč by Google slušelo XHTML a CSS, ušetření ohromného množství dat při přenosu (angl. traffic). Dnes, o pár týdnů později jsem našel jeden starší rozhovor: An Interview With Mike Davidson of ESPN (DevEdge, 21.3.2003), který přináší jasné důkazy o tom, že takovýto postup skutečně ušetřuje ohromné množství přenesených dat. V článku mě zaujala tabulka, týkající se webu ESPN (v současnosti jeden z největších beztabulkových webů světového významu), která říká, že stránky se podařilo zredukovat o celých 50kB! Při 40 000 000 zobrazených stránek za den to celé dává úsporu 2TB, 61TB za měsíc a neuvěřitelných 730TB za rok - to jsou skutečně ohromná čísla. A stačilo tak málo (přesto mám stále dojem, že je ESPN jeden z nejpřeplácenějších zpravodajských webů, které jsou k vidění a větší "odtučňovací" kůra by mu jen prospěla - viz třeba Deník Sport)...

Relevantní odkazy:

Autor: Vít Dlouhý, čas: 19:21, Komentáře , Trvalý odkaz

neděle, 5. říjen 2003

Jak na max-width a min-height v IE?

Dnešní spot je o tom, jak se "poprat" s Internet Explorerem, při pokusu naučit jej příkazům max-width a min-height, které již dlouhoU dobu úspěšně ignoruje. Zajímavý postup představuje Svend Tofte v článku max-width in Internet Explorer (Svendtofte.com, 20.8.2003).

Jak autor sám říká: "Klíčem je v Internet Exploreru použití realtivně málo známé vlastnosti expression()", která zajistí požadovaný efekt. Ne, neděste se! Konkurenční prohlížeče, které tuto vlastnost neznají, řádek automaticky přeskočí a použijí hodnotu následující - výsledek pak funguje (alespoň dle mých skromných testů) na všech novějších prohlížečích.

Pro úplnost článku přidávám Pixy's min-height-hack, který pro změnu řeší minimální výšku.

Autor: Vít Dlouhý, čas: 11:55, Komentáře , Trvalý odkaz

EasyPad

Díky eLKovi jsem se nedávno dostal k editoru EasyPad a musím uznat, že ačkoliv jsem to zprvu nečekal, překvapil mě celou řadou malých vychytávek, které mi v řadě editorů chyběly. Je to jednak možnost povypínat si veškeré záložky, panely atd. -- a de facto si tak program přetvořit z komplexního editoru na jednoduchý "NotePad". Dále se mi zalíbila funkce "rozšířená záměna", která umožňuje vyhledat a nahradit v dokumentu celé bloky textu. V neposlední řadě mě zaujala možnost jednoduchého definování vlastních zkratek (na které jsem si zvykl z EasyBlogu) a účelnost speed panelu.

Jako užitečnou funkci jsem také shledal převod R:G:B barvy na hexadecimální (šestnáctkový) zápis, který v poslední době používám docela často. Pokud si chcete EasyPad ozkoušet, navštivte jeho domovskou stránku www.elka.cz/easypad.

Autor: Vít Dlouhý, čas: 10:40, Komentáře , Trvalý odkaz

sobota, 4. říjen 2003

Hloupý Internet Explorer

Na CSS Discuss je již zhruba měsíc k vidění článek Progressive enhancement using CSS, jehož autorem je Jim Wilkinson. Článek shrnuje několik výhod spojených s pokročilými funkcemi kaskádových stylů, které Internet Explorer nezvládá a snaží se tak de facto přesvědčit (ty, kteří ještě nejsou přesvědčeni ;-) o kvalitách prohlížečů s lepší podporou CSS - např. Opera 7, nebo Mozilla ad. Nechybí ani odkazy na řadu příkladů.

V jistém kontrastu k tomuto článku si můžete pro změnu přečíst Joe Gillespieho, resp. jeho článek CSS-P in Current Browsers. Joe v něm testoval, jak si poradí široká škála prohlížečů s nástrahami pozicování - zde (dle jeho výsledků) IE6.X nezaostává (stejně tak jako Mozilla 1,4 a Camino 0,7 dostal maximální známku), velice chabě si dle výsledků vedl prohlížeč iCab 2.9.5...

(via Jim Mangan)

Autor: Vít Dlouhý, čas: 00:07, Komentáře , Trvalý odkaz

čtvrtek, 2. říjen 2003

-pixy- rulezzz

I Dave Shea z Mezzoblue si po takových osobnostech, jako je Anitra Pavka, nebo Nick Finck všiml pixyho barevných míchatek a také jeho rolloverů bez preloaderu - a nešetřil přitom chválou: "The Czech web design scene is flourishing, so say my site’s referrers, and I can’t wait to see what else Pixy brings to light for us Anglophones". Kolem pixyho míchatek pak nabalil krátké povídání o barvách - Colour Bland: Value (mezzoblue, 30.9.2003).

Relevantní odkazy:

PS: Jirka Bureš byl opět rychlejší... ;-)

Autor: Vít Dlouhý, čas: 18:13, Komentáře , Trvalý odkaz

Rozhovor s tvůrcem Google News

Po delší době tu máme zase jeden rozhovor. Tentokrát se jedná o interview s K. Bharatem, hlavním tvůrcem populárního Google News, v současné době 17. nejnavštěvovanějšího internetového zpravodajství (2,24 mil. UIP za srpen), kterým projde denně na 100 000 článků z více než 4500 zdrojů. Další zajímavosti hledejte v článku Google News Creator Watches Portal Quiet Critics With 'Best News' Webby (OJR, 25.9.2003).

Autor: Vít Dlouhý, čas: 18:07, Komentáře , Trvalý odkaz

Zkratky a akronymy

Pravděpodobně zatím nejpodrobnější článek týkající se zkratek a akronymů (v jazyce koderů abbr a acronym) jsem našel na (pro mě do té doby neznámém) weblogu Larse Holsta - Abbreviations, Acronyms, Initialisms (Larsholst.info, 29.9.2003). Článek svým rozsahem postihuje vše, od čiré teorie (rozlišení zkratky od akronymu), přes řadu příkladů až po ukázky ideálního ošetření těchto tagů v CSS.

Autor: Vít Dlouhý, čas: 17:58, Komentáře , Trvalý odkaz

Přečtěte si také:

Odkazy:

Přehled článků z webu:

Aktualizováno: 12.12.2003, 22:25

Archív weblogu:

České weblogy:

Zahraniční weblogy:

Zahraniční magazíny:

Agregátory:

Copyright © 2003 Vít Dlouhý ml., mailbox@vitdlouhy.cz, Všechna práva vyhrazena ®
Příručka: Weblog o tvorbě webu je tvořen pomocí offline editoru EasyBlog 2.2.0.24, děkuji Liboru "eLKa" Krayzelovi

Toplist