Blog

Dárečky

13. 2. 2007

Když dárky, tak jen pro někoho! Dnes to bude SuE, von Banhoff a Kahi. A protože na dárkách je samozřejmě nejlepší těšení a rozbalování, tak si prvně zdlouhavě povíme něco o novém stylu stylování stylových nadpisů a pak teprve se dostaneme k rozdávání dárků. Takže hurá do toho.

Zkorodované nadpisy

Včera jsem se zase po nějaké době probojovala odkazy v RSS čtečce až k SuE. Pokud si denně dáváte pořádnou dávku supermoderního designu a prokládáte to akademickými debatami o web2.0, může se vám stát, že když pak narazíte na takovýto webík, budete si připadat, jako byste se propadli v čase. Slabší nátury se možná zděsí a utečou. A to je škoda. Chaos sanctuary má totiž atmosféru, kterou na jiných stránkách jen tak nenajdete. Jakmile se tam několikrát vrátíte, budete si tam připadat jak doma, útulně a bezpečně. SuEwebík je prostě místo, kde lama klidně radí druhé lamě (a nemusí se bát, že ji za to třetí lama, která si to o sobě nemyslí, setře), místo, kde můžete klidně říct, že vám moderní weby přijdou divné, místo, kde nemusíte předstírat, že rozumíte úplně všemi. Zkrátka ráj pro lamy a co je dobré pro lamy, je dobré i pro žirafy. (-:

Při čtení diskuse pod redesignovacím článkem jsem narazila na zajímavý nápad ohledně nadpisů. Nahrazení textu obrázek používám zcela běžně, ale s postupem, kdy se překrývajícím blokem blok textu pod ním jen „ozdobí“ jsem se ještě nesetkala a přišlo mi to zajímavé. Ech. Asi nechápete, co tím mysím, že?! Tak se na to podívejte. Pruhovaný nadpis vypadá jako obrázek, ale není. Zkuste si ho označit. Jde to pěkně písmenko po písmenku. Doplněno: Že vám to nejde? Hmmm… tak to asi nemáte Operu, že?! Tam to jde funguje báječně a můžete si to fakt užít! (-; Zkuste zvětšit a zmenšit písmo. Taky jde. Dobrý, ne?

Von Banhoff píše ve svem postupu, že takovýhle nadpis nemůže být odkazem. Tak jsem to zkusila. Může. S odkazem se dokonce dá užít ještě víc srandy díky vlastnosti hover. Dokonce můžete vytvořit nadpisy, ze kterých vašim návštěvníkům bude přecházet zrak.

Další možnosti se otvírají s použitím poloprůhledných obrázků PNG. Akorát je potřeba to trochu ošidit pro Internet Explorer, který vám poloprůhledné obrázky nevykreslí. Použijeme v našich končinách velmi odblíbený podtržítkový hack a alternativní GIF obrázek: _backgroud: url("obr.gif");. Lze to ale řešit i JavaScriptem. Tady, přiznám se, nechápu, proč von Banhof používá zvlášť PNG obrázek, když v něm má úplně to stejné jako v gifu. Takže jeho příklad jsem malinko vylepšila o poloprůhlednost: Takže přichází první dáreček.

Tak a druhý nadpisový dáreček je pro SuE.

A než přistoupíme k dárečku poslednímu, shrneme si výhody a nevýhody tohoto stylování nadpisů:

  • Výhody:
    • text zůstává textem (označování, zvětšování, vyhledánání)
    • lze dosáhnout moc pěkných efektů s malou námahou
  • Nevýhody:
    • nesémantický element v kódu
    • lze dosáhnout velmi nepěkných efektů s malou námahou

Ještě vím o jedné nevýhodě, která by snad šla řešit, ale ještě nevím jak. Přijdete na ni? Fíčura pro dnešní den jsou komentáře, takže pokud víte, můžete se i projevit (-;

A na závěr trochu toho altruismu

Naprogramovala jsem RSS pro Dentovy sloupky na Digiwebu. Asi 100 řádků kódu. Kvalitního a funkčního kódu. (20 prázdných a 15 zakomentova­ných). Během programování jsem píchala vidličkou do masa v hrnci (mockrát). Vydrželo neuvěřitelně dlouho dokonale pevné. Zřejmě nebylo z mladého kusu. Vydrzet to dvě hodiny hodiny a programovat u toho vysoce kvalitni objektový kód, to není až taková sranda… Ale dělám to ráda, jsem altruista, a pomáhat lidem je jednou z mých životních priorit.

Ne, dělám si srandu, není to naprogramovaný objektově. Dá si někdo omáčku?

Disclaimer alias prohlášení

--Poskytovatel nenese žádnou odpovědnost za ztrátu nebo škodu (vč. ušlého zisku nebo poškození dobrého jména) vzniklou užitím…– …ale neee… To jsem nechtěla. Chtěla jsem jen tolik, že převzetím těchto dárečků vám nevzniká žádná povinnost je užívat nabo být vděční. Na rozdíl od případu, když dostanete porcelán od tchýně.

Komentáře k článku:

Úterý 13. 02. 2007 v 07:49

jsem se v tom trochu zamotal:) u sebe jsem měl s těmi nápisy problém v tom, že zlobily v kombinaci s popup menu použitém na začátku stránky, oba používají z-indexy protože jsou absolutně pozicované

Úterý 13. 02. 2007 v 08:10

díík :-) tohle se bude hodit, zas mám co zkoušet, chjo, ten novej rydyzajn asi jen tak nebude …

Úterý 13. 02. 2007 v 14:53

2VfB> Ja furt nechapu, kde mas ten problem se z-indexem. Vsak, kdyz das tomu popup menicku z-index: 2, tak by to melo fungovat, ne?

2SuE> Neni zac (-:

Úterý 13. 02. 2007 v 16:51

To tim masem se mi moc nezda… Dve hodiny?

Úterý 13. 02. 2007 v 18:17

2roj> hovezi. vareny…

Úterý 13. 02. 2007 v 18:48

Tý brďó, komentáře, jupí! To si hned zakomentuju.

Vyzdobené nápisy jsou parádní. Jen v jistém majoritním prohlížeči nejdou označovat pěkně písmenko po písmenku, ale spíš jako celý blok, jako obrázek. A to i v jeho poslední sedmé verzi.

avatar
Věroš
Úterý 13. 02. 2007 v 20:23

U nás to prosím nejde označovat po písmenkách. (Firefox 2.0.0.1 na Ubuntu). Je to vlastnost, nebo chyba?

Já jsem dneska pro změnu vařil hrách. Je to normální, že hrachová polévka na talíři dělá kopečky?

Úterý 13. 02. 2007 v 21:00

2dgx, veros> Ano, uznavam, ze nadseni nad oznacovanim po pismenkach je prehnane! Ale v Opere pod Linuxem to jde fakt uzasne. Jestli neverite, tak si to prijdte vykouset.

Pri trose sikovnosti a s poradnym rozmachem lze oznacovat po pismenach i ve FF. A v IE to nejde vubec.

Zjistila jsem to uz vcera, ale zaroven jsem zjistila, ze mi IE6 zase mrsi layout, kdyz tu mam komentare a byla jsem z toho tak spatna, ze uz jsem spot uz neopravovala… Ale ze jste to vy, tak to tam doplnim.

2veros> Já jsem dneska pro změnu vařil hrách. Je to normální, že hrachová polévka na talíři dělá kopečky?

Zrovna u Tebe urcite ano (-; Mas jeste nejaky problem se kterym bych ti mohla poradit? ((-;

Úterý 13. 02. 2007 v 21:21

Jestli ty kopecky maji spravny tvar a na spicce je hrasek, tak je to v poradku :-)

Úterý 13. 02. 2007 v 21:42

Wow je to super!

Pro IE lze použít filtr – image loader :)

Úterý 13. 02. 2007 v 21:58

Parádní článek! A ty komentáře… Hmm, skvělý. Obdivuju ženy, které umí programovat (a ještě ke všemu u toho píchají vidličkou do masa v hrnci). Takové se jentak nenajdou.

Úterý 13. 02. 2007 v 22:20

2roj> jsi si uplne jisty, ze je to v poradku, kdyz je to na taliri a je to zelene?

2MiSHAK> diky (-;
filtr image loader je na ty pruhledny PNG, nebo na neco jinyho. muzes to nejak rozepsat?

2lukyn.v> diky (-;
ale obecne doporucuju takove zeny radsi neobdivovat, protoze tim hodne klesnes v mineni toho vetsinoveho zbytku zen ((-;

Úterý 13. 02. 2007 v 22:25

zirafko, to je umelecka stylisace :-)

avatar
Věroš
Úterý 13. 02. 2007 v 23:02

2žirafka> Už jsem přišel na to, jak označovat písmenka. Záleží na tom, odkud a kam člověk zatáhne. :-) Mám poslat návod?

Středa 14. 02. 2007 v 00:43

2veros> myslim, ze neni treba. Radsi posli ten navod na tu hrachovou polivku. Treba si ji Roj uvari, kdyz mu navozuje takove pekne asociace. (-;

ale jinak ziskavas samozrejme tri body a odznacek za to, ze jsi na to prisel (-;

Středa 14. 02. 2007 v 13:49

Hrachová polévka? To je jednoduché. Vezmeme tak hrst až tři hrachu (podle toho, kolik máme ve spíži), nasypeme do vodu a necháme namočit (aspoň pár hodin). Pak dáme povařit, průběžně doléváme vodu (přiměřeně) a rozmixujeme. Nadšenci mohou přidat třeba rozmačkaný česnek či cokoliv jiného.

Občas z toho vyjde polévka, která teče, občas to dělá kopečky. Nikdy do poslední chvíle nevím, jestli k tomu mám dělat uzeninu nebo chlebové kostky.

Verze pro Roje: Dva hrášky před mixováním vyndáme dva hrášky a ozdobíme jimi kopečky na talíři.

Odznáček vracím, protože na stříbrném počítači to funguje, ale na černém počítači to nefunguje. Oba mají stejnou SW konfiguraci (viz výše). Nechápu.

avatar
Honzie
Středa 14. 02. 2007 v 17:29

Díky za změnu v tom RSS, už to vypadá na Seznamu mnohem lépe. Jinak kvituji z povděkem, že píšeš velmi čtivě i o tématech kterým zbla nerozumím :) (podobně jako La Trine blahé paměti)

Středa 14. 02. 2007 v 19:26

Paráda, komentáře! Bohužel jsem si jich všimla právě u článku, u kterého rozumím jen vidličce a masu. Takže pokud si chci zkusit zakomentovat k věci, nezbývá mi než se zeptat „bylo přední?“

Žirafko moc se mi to líbí a přeji ti hromadu vlídných komentujících. :)

Středa 14. 02. 2007 v 22:00

Parádní článek – vystavěný na vlastním výzkumu podaný velice stravitelnou formou:o).

Tohle bude super blog – pastva pro oči a dobré články. Navíc originální smysl pro humor – vyčnívá z pánského sarkasmu, kterého je plný internet :o)

Středa 14. 02. 2007 v 22:03

2honzie> Diky! (-:
Jeste pro ostatni doplnim, aby vedeli, kdyby nahodou taky psali RSS kanal, tak minimalne kvuli Seznamu musi byt polozky usporadany od novejsich k starsim.

2letinka> Taktez diky za komentar. Jednalo se o hovezi plec (servirovano s omackou), klizku (zustava v polevce) a kosti (nepapam). Kosti jeste pred varenim spolu se zeleninou kratce opecu v troube – daji polevce lepsi chut.
Jinak, pokud mas chut si zakomentovat u starsich clanku, kde rozumis vice vecem nez hovezimu, tak nevahej! (-;

2trupik> Diky, moje dusicka se teteli blahem!

Neděle 18. 02. 2007 v 23:30

S tím hackem pro filter sem myslel jednoduše přes tento filtr načíst png i do iečka… a

filter:alphaim­gloaderCiTakNe­jak…; _background:tran­sparent;

Tak nějak :) BTW já sem si nápis ozdobil lehce průhledným #header h1:before{con­tent:‚#@$@#$%#$­^%#$‘;}

a je to kůl :) ale jen ne pro MSIE :)

Středa 14. 03. 2007 v 22:56

Poprskal jsem si NB slinami ze starého kusu.. :-) muhehe – kam ty na ty kraviny (tím chci podtrhnout to hovězí, samozřejmě) chodíš? Že by k velké červéné corvettěOKTÁVCE? ;-)

Čtvrtek 15. 03. 2007 v 19:12

2filosof> ta oktavka pry neni oktavka, ale superb a je pry cerna, ale nevim to jiste. mam to z druhe ruky… prozradim ti tajemstvi maskeru filmovych hvezd: ja jen napodobudu jine napodobovatele. v tomto pripade kahiho. ma to spoustu vyhod (napriklad, ze se clovek pobavi) a temer zadna negativa vyplivajici ze cteni puvodniho zdroje. (-;

Sobota 25. 09. 2010 v 10:09

[url=http://67b­b02bz3yn0vzdi­.com/]qnnqk01o­a9snoc76[/url] [link=http://h8c­bjqobcdxt7p74­.com/]ygmzufa03n58a74i[­/link] 9cjjay6aua9ue­ozy http://33nch15l0zbnryx8.com/

Středa 29. 09. 2010 v 17:36

[url=http://67b­b02bz3yn0vzdi­.com/]qnnqk01o­a9snoc76[/url] [link=http://h8c­bjqobcdxt7p74­.com/]ygmzufa03n58a74i[­/link] 9cjjay6aua9ue­ozy http://33nch15l0zbnryx8.com/

Úterý 5. 10. 2010 v 18:34

[url=http://67b­b02bz3yn0vzdi­.com/]qnnqk01o­a9snoc76[/url] [link=http://h8c­bjqobcdxt7p74­.com/]ygmzufa03n58a74i[­/link] 9cjjay6aua9ue­ozy http://33nch15l0zbnryx8.com/