30. říjen 2003 - čtvrtek

Popisky v RSS

Je jasné, že obsah elementu description je u každého RSS zdroje velice podstatný (elementy title a link jsou samozřejmě také důležité :-)). Právě proto mě zajímá, jaký je váš názor na tuto problematiku. Jaký by měl tento popisek vlastně být, aby vám nejvíce vyhovoval?

Když jsem včera po pěti dnech prázdnin přijel zpět do Prahy, byl můj Feedreader plný spotů. Postupně jsem se tím množstvím informací prokousával, až jsem došel ke zdroji Sovy v síti. Ta, jako jediná z 12 weblogů, které pravidelně čtu, nabízí jako popisek skutečný popis obsahu daného spotu a nikoliv jen začátek jeho textu (2 z těchto blogů neobsahují popisek žádný).

Myslím, že toto řešení je logičtější a asi i správnější, ale nemohu si pomoci, mě prostě víc vyhovuje uvedení určitého počtu znaků ze zašátku spotu. Čtu totiž z těchto 12 blogů tak jako tak všechny spoty, a proto se při načítání stránky začtu do začátku textu a když se mi daný spot zobrazí "v plné kráse", jen plynule pokračuji ve čtení dál. Na Sově pravidelně zapomínám na tuto odlišnost a vždy jsem pak překvapený, kde jsem se ztratil a čtu celý spot znovu.

Na druhé straně je pravda, že "pravý popisek", který má logicky větší informační hodnotu, asi lépe poslouží u různých online RSS agregátorů a podobných služeb, kde se lidé prokousávají spoustou weblogů a vybírají si jen ty spoty, které je opravdu zajímají. Proto se ptám: Co více vyhovuje vám - skutečný popis obsahu spotu nebo jeho začátek?

autor: nitro | čas: 17:31 | komentáře  | trvalý odkaz

25. říjen 2003 - sobota

Menší pauzička

Jsou tu podzimní prázdniny a to znamená jediné. Konečně si zase chvíli odpočinu od moderní techniky, ale hlavně od školy. Už se těším, až si po delší době přečtu nějakou pěknou knížku a projdu se na čistém vzduchu Českomoravské vrchoviny. Znamená to však také, že si od mého blogu až do středy odpočinete vy, moji čtenáři, protože sem v nejbližších pěti dnech nepřibude ani čárka. Děkuji za pochopení a za vaši přízeň.

autor: nitro | čas: 09:04 | komentáře  | trvalý odkaz

24. říjen 2003 - pátek

SimpleQuiz IX

Po menší pauze pokračuje opět na stránkách SimpleBits známý SimpleQuiz. Pokud ho tedy pravidelně sledujete a nebo jste jen zvědaví, co si pro nás tentokrát Dan Cederholm připravil, nenechte si ujít devátý díl této série kvizových otázek z oblasti webdesignu. Já jen napovím, že dnes jde o odkazy na záložky a použitelnost. Autorem nejnovějšího příspěvku do tohoto seriálu je Holanďan Egor Kloos.

autor: nitro | čas: 00:03 | komentáře  | trvalý odkaz

21. říjen 2003 - úterý

Znáte Zoohoo?

Znáte český internetový vyhledávač zvaný Zoohoo? Já ho do dnešního dne neznal a když jsem jej před chvílí objevil, velice mě překvapil. Nejprve v dobrém slova smyslu svým střídmým, nicméně líbivým designem, přehledností a možností výběru jednoho ze tří nabízených barevných schémat.

Další překvapení již tolik pozitivní nebyla. Zdrojový kód úvodní stánky tohoto vyhledávače je opravdu archaický a chyb je zde požehnaně, což je u tak jednoduché stránky zbytečné. A co mě překvapilo ještě více je zjištění, že se nejedná o žádný nový fulltext, ale jen "mirror" vyhledávače Jyxo. No, zkuste ho sami a uvidíte.

autor: nitro | čas: 19:21 | komentáře  | trvalý odkaz

LUPA tančí (aktualizováno)

Přesněji řečeno, layout stránek známého serveru o českém internetu si dělá co chce. Zde přikládám pro ilustraci 3 screenshoty, zachycené dnes okolo 15:30. Stránky se mi načetly ve Firebirdu korektně asi po (!) šestém (!) reloadu. Je to hrůza! Myslím, že je už nejvyšší čas, aby se společnost Internet Info chytila za nos a něco s tím provedla. LUPA dělá českému internetu spíš ostudu než reklamu.

Screenshoty: první pokus, druhý pokus, třetí pokus

22.10. - aktualizováno: Po upozornění pana Adama Haunera ze společnosti Internet Info se musím omluvit za svůj omyl. Rozhození layoutu je způsobeno chybou Gecka, o které jsem nevěděl. Více se dočtete v komentářích k tomuto spotu.

autor: nitro | čas: 15:53 | komentáře  | trvalý odkaz

20. říjen 2003 - pondělí

Seznamy v dobrém stylu

Jak snadno vytvořit a ostylovat nečíslovaný víceúrovňový seznam (například mapu webu) radí dnes na stránkách SimpleBits Dan Cederholm. Ve spotu Styling Nested Lists popisuje využití podstaty CSS a to jejich "kaskádovosti".

Nastavíte tak u vašeho seznamu id jen pro hlavní element ul a všechny další zanořené seznamy stylujete přes tento identifikátor. Například velikost písma pro odrážky třetí vnořené úrovně seznamu definujete takto:

#seznam li ul li ul li { font-size: 90% }

Mně takovýto způsob využívání CSS připadá velice přehledný a příklad by si z něj měli vzít především kodeři, kteří nastavují vlastní id nebo class téměř každému elementu na stránce.

autor: nitro | čas: 16:15 | komentáře  | trvalý odkaz

Někdo to rád zaoblené

Že zaoblený tvar je (alespoň na webu) hezčí než hranatý, na tom se asi většina z nás shodne. Stojí však za to, věnovat této designové vymoženosti tolik práce a času? A pomysleme také na zápory této techniky, jako je omezená "zvětšovatelnost" daného prvku a mnoho dalších. Ať se každý rozhodne sám.

Na stránkách redmelon.net Douglase Livingstonea najdete dva příklady tvorby bloků s kulatými rohy - jeden s okraji a druhý bez. Oba vypadají pěkně a měly by fungovat ve všech nejpoužívanějších prohlížečích. Na jeden takový blok však musíte použít 5 obrázků a dokonce 6 divů.

Na stránkách téhož autora můžete nalézt také příklady CSS rolloverů a hned tři možnosti řešení tvorby třísloupcového layoutu.

autor: nitro | čas: 15:30 | komentáře  | trvalý odkaz

19. říjen 2003 - neděle

Další CSS zajímavosti

Že je CSS velice mocným prostředkem k definování vzhledu vašich stránek už asi víte. Příkladem, potvrzujícím toto tvrzení je například tento domeček, který v posledních dnech doslova oblétl bloggerský svět.

Jeho tvůrcem je Chris Hester, autor webu Design Detector. Právě tam můžete najít mnoho dalších zajímavých výtvorů. Mě osobně nejvíce zaujal článek 3 Columns From 1 + Link Icons, který nabízí novou možnost tvorby třísloupcového layoutu, tentokrát pomocí nadefinování širokých okrajů hlavního sloupce a přesnému určení pozice obsahu zbylých sloupců přes tyto okraje.

Druhým námětem, který článek rozebírá, je zvýraznění odkazů pomocí malého obrázku před každým z nich. Ten změní svou podobu poté, co ho navštívíte a nebo když nad ním přejedete kurzorem. Toto řešení se mi velice líbí a uvažuji o jeho aplikaci v nitrobloku.

Dalším ponořením se do světa CSS jsou stránky tanfa, jejichž autorkou je Claire Campbell a kde naleznete zajímavé články týkající se CSS.

Jak je vidět, kaskádové styly jsou čím dál tím více populární a to je jen dobře. Doufejme, že tento trend vydrží a za nějaký čas již bude obsah od formy oddělen dokonale.

autor: nitro | čas: 16:17 | komentáře  | trvalý odkaz

CSS filtry

Na stránkách weblogu centricle, který píše Kevin C. Smith, naleznete výtečnou tabulku, ve které je přehledně znázorněna podpora různých CSS zápisů v jednotlivých prohlížečích. Zjistíte tak, jakým způsobem vybraný prohlížeč od stylů "odříznout" nebo právě jen jemu styly přiřadit.

autor: nitro | čas: 13:15 | komentáře  | trvalý odkaz

18. říjen 2003 - sobota

Generátor borderů v CSS

Zajímavý nástroj, který by se klidně mohl jmenovat Border-o-matic, naleznete na stránce CopySense. Nastavíte si zde pro okraj vašeho objektu styl, šířku, padding a další vlastnosti a po potvrzení vám rovnou vyleze stylový předpis. Myslím, že je nástroj užitečný především díky úspoře času kterou vám přinese. Nemusíte totiž dlouze měnit vaše styly a testovat, jak vypadá daný objekt nejlépe, vše je otázkou několika kliknutí. (via CSS-Technik-News)

autor: nitro | čas: 16:38 | komentáře  | trvalý odkaz

16. říjen 2003 - čtvrtek

Webmaster-Toolkit.com

Širokou a komplexní nabídku nástrojů pro ladění vašich stránek naleznete na adrese www.webmaster-toolkit.com. Více o těchto pěkných stránkách se dozvíte na Sově v síti. Já jen dodávám, že již poměrně obsáhlý seznam utilitek, užitečných při tvorbě webových stránek, naleznete na nitrobloku v sekci články pod názvem Webdesignérská laboratoř.

autor: nitro | čas: 17:47 | komentáře  | trvalý odkaz

15. říjen 2003 - středa

Důkaz místo slibu

Dalším příklad, na kterém je možno ukázat výhody CSS, jsou oficiální stránky Mozilly. Nikoliv však současná verze, která pochází z 13. července tohoto roku a jejímž autorem je Ben Goodger, ale návrh jejich nové podoby. Ten se od současných stránek příliš neliší vzhledem, ale to je asi tak vše, co mají spolu obě verze společného.

Autorem tohoto návrhu je známý Dave Shea a nový layout, kompletně vytvořený v CSS je lepší hned z několika důvodů. Zde jen několik z nich:

  • Daveova verze stránek je napsána podle moderní normy XHTML 1.0 Strict, stará podoba používá již poměrně zastaralou HTML 4.01 Transitional.
  • Kód je u CSS verze mnohem přehlednější a snáze se v něm orientuje.
  • Velikost úvodní stránky je u nové podoby stránek 10 kB, kdežto u staré 28 kB, z čehož plyne také rychlejší načítání a menší objem přenesených dat.

Dalo by se najít ještě mnoho výhod použití CSS a dalších moderních metod tvorby webových stránek, ale já to považuji za nošení dříví do lesa, protože na toto téma bylo již napsáno mnoho dlouhých a odborných článků.

Že však někteří lidé tyto výhody stále nedokážou nebo nechtějí pochopit dokazuje Lukáš Mačí na svém Blogu o tvorbě webu v dnešním spotu Diskuse CSS ano či ne, ve kterém poukazuje na vášnivou diskusi na intervalovém Interforu, kde jistý Josef Fraj označuje zastánce CSS za fundamentalisty.

autor: nitro | čas: 17:34 | komentáře  | trvalý odkaz

13. říjen 2003 - pondělí

Nový blog o PHP

Nejen nový, ale podle slov autora Milana Pály také jediný český weblog o PHP je na světě. Datumem jeho narození je 12.10. 2003, tedy včerejšek. Všiml jsem si ho v podstatě náhodou, ale hned na první pohled se mi zalíbil (možná je to způsobeno jeho vzhledem, který je některými prvky velice podobný prvnímu skinu nitrobloku :-).

Možná je trochu předčasné chválit tento blog již po dvou dnech existence, ale já to činím záměrně, protože je tomu teprve nedávno, kdy jsem sám začínal a vím, jak jsou bloggerské začátky těžké. Snad jsem se tedy neukvapil a autorovi jeho nadšení a elán vydrží a stane se z něj jeden z uznávaných českých odborných blogů. Sám se v PHP považuji za začátečníka, tak doufám, že se díky PHP blogu přiučím spoustě nových věcí.

autor: nitro | čas: 22:18 | komentáře  | trvalý odkaz

12. říjen 2003 - neděle

Jazykové favelety

Tantek Çelik dnes obohatil svou sbírku faveletů o čtyři velmi užitečné kousky. Jedná se o favelety, které zprostředkovávají překlad stránky, na kterou je aplikujete, do angličtiny. Čtyřmi vstupními jazyky jsou němčina, francouzština, italština a španělština.

Tyto favelety zastávají funkci prostředníků mezi prohlíženou cizojazyčnou stránkou a službou Babel Fish Translation Service poskytovanou serverem AltaVista. Pokud neumíte anglicky, nemusíte zoufat. Favelet si můžete upravit podle svých potřeb a možností Babel Fish Translatoru, takže potom můžete anglické stránky překládat třeba do japonštiny :-).

Mě se tyto favelety hodí například pro překládání německého weblogu CSS-Technik-News do pro mě mnohem přijatelnější angličtiny.

autor: nitro | čas: 17:06 | komentáře  | trvalý odkaz

Klasifikace bloggerů

Susan Mernit se pokusila na svém weblogu rozřadit bloggerskou komunitu do různých kategorií, podle zaměření jejich weblogů. Ve svém spotu nám nabízí osm skupin. Je zajímavé, že v našem prostředí jsou některé z daných kategorií zastoupeny více než hojně a naopak pro jiné byste hledali v Česku reprezentativního zástupce marně. Já bych svůj nitroblok zařadil podle Susanina seznamu k položce číslo 3, tedy mezi blogy zaměřené na nějaké specifické téma.

autor: nitro | čas: 14:31 | komentáře  | trvalý odkaz

Slovníček pojmů

Na stránkách nové webdesignérské firmy Keystone Websites, kterou rozjíždí Simon Jessey, najdete poměrně obsáhlý slovníček základních pojmů vážících se k internetu a webdesignu. Pokud tedy nevíte, co znamená zkratka XHTML nebo jaký je rozdíl mezi URL a URI, slovníček si pročtěte a budete hned moudřejší. Jedinou podmínkou, se kterou se však musí počítat na internetu téměř všude, je znalost angličtiny.

autor: nitro | čas: 14:06 | komentáře  | trvalý odkaz

10. říjen 2003 - pátek

Skip navigation workaround

Když vytváříte webové stránky, měli byste myslet na každého, tedy i na naše postižené spoluobčany. Téma přístupnosti je v dnešní době velice aktuální a jedním z doporučovaných prvků na přístupné stránce je odkaz pro přeskočení navigace. Ten je důležitý právě pro lidi, kteří používají při brouzdání internetem screenreader.

Je však pochopitelné, že tento prvek, vyskytující se ještě před samotnou navigací, nemusí vždy dobře zapadat do konceptu stránky a navíc je pro běžné uživatele zbytečný, ne-li matoucí. A teď přichází kámen úrazu - jak daný odkaz skrýt? Jistě vás hned napadne, přiřadit dané položce v CSS vlastnost display: none, to je však velká chyba.

Tři nejrozšířenější screenreadery totiž prvky s touto vlastností ignorují a při čtení je přeskočí. Jak tedy problém vyřešit? S chytrým workaroundem přišel Kevin Davis na svém weblogu Alazanto. Ke skrytí používá absolutní pozicování, rozvíjí však již dříve známou metodu do plně funkční a kompatibilní podoby. Nebudu zde celý problém popisovat, raději si článek přečtěte sami a především při tvorbě internetových stránek myslete na VŠECHNY potenciální návštěvníky.

autor: nitro | čas: 17:45 | komentáře  | trvalý odkaz

8. říjen 2003 - středa

CSS != přístupnost

O tom, že stránky vytvořené v CSS nejsou automaticky také přístupné nás přesvědčuje Ian Lloyd ve včerejším spotu na weblogu Accessify.com. Druhý mýtus, s kterým nesouhlasí, je názor, že přístupné stránky musejí být zákonitě ošklivé. Ani jedno z těchto tvrzení samozřejmě není pravdivé!

Ian uvádí, že mnoho lidí se mylně domnívá, že pokud vytvoří stránky pomocí CSS, bude jejich výtvor automaticky také splňovat kritéria přístupnosti. To je však velký omyl! Vytvoření přístupných stránek rozhodně není lehká záležitost a chce to něco víc, než jen vytvořit layout v kaskádových stylech. I když to je rozhodně dobrý začátek. Na konec přidává odkazy od čtenářů na dobře přístupné stránky, které zároveň pěkně vypadají. Posouzení, zda tomu tak opravdu je, nechává na vás.

autor: nitro | čas: 20:51 | komentáře  | trvalý odkaz

Psaní na internetu podle Oříšku

Tomáš Hodboď dnes na svém weblogu nazvaném Internetový oříšek popisuje, jakými pravidly se řídit při publikování na internetu. Tento spot mě velice překvapil, na Oříšku jsem do této chvíle nacházel spíše kratší textíky. Rozhodně vám ho doporučuji přečíst a dodávám, že ve většině bodů s ním plně souhlasím. Najde se však několik otázek, ve kterých zastávám trochu odlišný názor.

Jedná se především o nadpisy. Tomáš o nich píše: humorný, ironický nádech by mohl působit nedůvěryhodně a musí být jasný, krátký, napsán jednoduchým jazykem. Já se naopak domnívám, že neotřelý a zajímavě formulovaný nadpis zaujme často víc, než jen strohý a nezáživný popis následujícího textu. Je jasné, že čtenář musí poznat, o co vlastně půjde, ale nadpis by ho měl podle mě i trochu zarazit a vyvolat v něm tu správnou zvědavost. Předchozí myšlenka samozřejmě nejde příliš dobře aplikovat na čistě odborné texty. Tam by jistě nadpis měl co nejpřesněji vystihovat obsah článku.

Co více dodat? Snad jen, že je dobré se čtenářem udržovat jakousi formu kontaktu, například pomocí otázek nebo zvolacích vět. A abych podle pravidel správného psaní na internetu zrekapituloval to nejdůležitější: Přečtěte si spot o psaní na internetu na weblogu Internetový oříšek! :-)

autor: nitro | čas: 14:13 | komentáře  | trvalý odkaz

6. říjen 2003 - pondělí

Začínají horší časy?

Tak se nám to začíná podezřele rozmělňovat. A co mám na mysli? Jedná se o české weblogy o webdesignu. Ještě ani nevychladly žhavé řádky o konci Letem světem (weblog Víti Dlouhého) a už je zpátky z dovolené Pixy s obludným nápadem omezit četnost svého blogování. Tak mi pomalu začínají hlavou probíhat černé myšlenky o budoucnosti kvalitních českých weblogů o webdesignu v naší malé zemičce v srdci Evropy.

Já doufám, že se jedná pouze o dočasné pomatení smyslů, způsobené odloučením od moderních technologií a že se do toho Pixy (v ideálním případě i Lukin) vrhne zase rovnou po hlavě. Jedná se přeci o budoucnost jednoho z nejlepších weblogů o webdesignu u nás, vyznačujícího se vytříbeným stylem a především kvalitním a původním obsahem.

Související odkazy:

autor: nitro | čas: 19:44 | komentáře  | trvalý odkaz

CSS je v kurzu

Lidí, kteří i ve 21. století stále ignorují CSS je naštěstí čím dál méně. Stále jsou však mezi námi jedinci, kteří tvoří stránky zastaralými a špatnými postupy. Myslím, že nejlepší cestou, jak jim dokázat sílu kaskádových stylů, je ukazovat, jak zajímavé a pěkné věci se s nimi dají provést. Jedním z míst, kde sílu CSS můžete vidět, je stránka s příklady tvorby všeho možného v CSS, kterou vytvořil a aktualizuje Tantek Çelik.

autor: nitro | čas: 15:13 | komentáře  | trvalý odkaz

Stylování formulářů

Používáte na svých stránkách formuláře? A umíte je dobře ostylovat, aby se všech prohlížečích zobrazily korektně i bez použití tabulek? Pokud se chcete v tomto směru něčemu přiučit, doporučuji vám článek na Luminosity s názvem Styling forms. Pokud se budete řídit jeho radami, měl by se váš formulář zobrazit dobře v IE5+, Mozille a Opeře 7.

Související odkazy:

autor: nitro | čas: 13:44 | komentáře  | trvalý odkaz

4. říjen 2003 - sobota

Napodobování magazínů

Oslavy měsíčního výročí nitrobloku skončily, a tak se pusťme zase rovnou po hlavě do světa webdesignu. Hezké využití CSS naleznete na stránce Mimicking Magazines, kde Anton Andreasson napodobuje layout různých prvků některých magazínů na internetu.

Mně se některé z nich dost líbí a teď si s nimi trochu hraji a snažím se je ještě mírně upravit k obrazu svému. Tato stránka je mimo jiné důkazem, že v CSS se dají dělat vkusné a líbivé stránky.

5.10. - aktualizováno: Stránka byla dnes zaktualizována a je možné, že Anton Andreasson bude nadále přidávat nové napodobeniny. Pokud vás tedy předchozí ukázky zaujaly, sledujte ji i nadále.

autor: nitro | čas: 12:11 | komentáře  | trvalý odkaz

3. říjen 2003 - pátek

Nitroblok slaví narozeniny

Jeden měsíc. Utekl jako voda, a tak dnes načínám další měsíční cyklus blogování na nitrobloku. A co jsem za ten měsíc zjistil? Především to, že udržovat weblog je občas dost náročné, zabere to poměrně hodně času, ale také jsem se právě díky blogování seznámil s mnoha bezvadnými lidmi.

A vám, mí milí čtenáři, chci za vaši stálou přízeň a zájem o můj experimentální zápisník velice poděkovat. Právě vy a vaše ohlasy totiž posilujete mé odhodlání blogovat dál, jak nejlépe a nejčastěji to půjde. Zde nabízím pro zajímavost několik čísel nastřádaných za první měsíc existence nitrobloku:

  • celkový počet návštěv: 2043 (k datu 3.10. 2003 v 00:26)
  • rekordní návštěva za jeden den: 257 lidí (9.9. 2003 poté, co mě blognul Marek Prokop na Sově v síti)
  • nejvyšší dosažené místo v Toplistu: 38. pozice (2.10. 2003, tedy včera)

autor: nitro | čas: 00:40 | komentáře  | trvalý odkaz

2. říjen 2003 - čtvrtek

Všichni řeší rollovery

Kdo neřeší rollovery, jako by nebyl. Takto by se dala popsat situace posledních dní a týdnů. Dalším v řadě řešitelů tohoto problému je Dan Cederholm, který na svých SimpleBits hledá ideální variantu. A nebyl by to správný článek o rolečcích, aby se v něm nevyskytoval odkaz na Pixyho zázrak, který již pohladil po duši mnoho webdesignérů.

Dan však samozřejmě pouze neodkazuje na Petra Staníčka, ale popisuje celý proces tvorby svých vlastních rolečků. Jak to dopadlo si můžete prohlédnout na stránkách Fast Company (jedná se o menu :-) nebo na samostatné stránce. A proč zvolit právě jeho variantu? Jak sám píše, jeho řešení je:

  • odlehčené (použit pouze jeden seznam)
  • přístupné (screenreadery přečtou textové odkazy)
  • bez JavaScriptů (žádný preload, pouze jeden obrázek)
  • stylizované (můžete používat stylizované obrázky)

A pokud chcete nějaký ten rollover na svých stránkách také použít, zde máte ještě pár užitečných nekomentovaných odkazů:

autor: nitro | čas: 00:07 | komentáře  | trvalý odkaz

1. říjen 2003 - středa

Kvalitně o metadatech

Ned Batchelder uveřejnil před třemi dny na svém weblogu velice pěkný článek o metadatech. Pokud máte v této oblasti mezery a nevíte co to metadata jsou a k čemu slouží, rozhodně si ho nenechte ujít.

Ned definuje metadata takto: "Metadata jsou data o datech."

autor: nitro | čas: 20:42 | komentáře  | trvalý odkaz

Copyright © 2004 Václav Štrupl.