Štítek: webdesign

Jak řekl Jirka Bureš, o PWP 2008 už psal kde kdo, proto mi dovolte nepsat nic a jen zveřejnit pár fotografií.

Určitě to všichni znáte a já samozřejmě také, ale nikde jsem nemohl vygooglit všechny čtyři známé finty pro náhradu čtyř CSS vlastností (max-width, min-width, max-height a min-height), které nepodporuje Internet Explorer.

Pavel Kout mě naštěstí zachránil a jeho tip mě nakopl správným směrem. Pro jistotu jsem se rozhodl, abych zase nezapoměl, že si vše raději poznamenám.

Níže naleznete konstrukce, které zajišťují (díky microsoftímu expressions) aby zmíněné CSS vlastnosti správně použil jak Internet Explorer tak i „normální“ prohlížeč.

Použitý zdroj je samozřejmě článek – max-width in Internet Explorer (Svend Tofte).

max-width

max-width: 800px;width: expression(do­cument.body.cli­entWidth > 800? „800px“ : „auto“ );

min-width

min-width: 800px;width: expression(do­cument.body.cli­entWidth < 800? „800px“ : „auto“ );

max-height

max-height: 300px;height: expression(this­.scrollHeight > 300? „300px“ : „auto“ );overflow: hidden;

min-height

min-height: 300px;height: expression(this­.scrollHeight < 300? „300px“ : „auto“ );overflow: visible;

Související:

• max-width in Internet Explorer – (Svend Tofte, 20.8.2003)
• Myslete elasticky s CSS – (Interval, Martin Snížek, 9.8.2004)
• Šířka stránek: fixní, natahovací, nebo jiná? Jaká jiná? – (Pixylophone, Petr Staníček, 17.5.2004)
• Jak psát web – CSS

Na Intervalu jsem si dnes bedlivě pročetl článek Tvorba layoutu webu – teoretický úvod. Pokud se právě rozhodujete jaké rozvržení stránek zvolíte pro svůj web, tak je článek určen právě vám. Případně si můžete ověřit zda váš současný web nepotřebuje „oprášit“ kód.

Layout stránek
Co vůbec tento pojem znamená? Layout je rozvržením stránky, udržuje její logickou organizaci nejen pro počítač, ale hlavně pro uživatele, který vnímá jednotlivé části stránky jako logické celky (například logo, navigační menu, vlastní obsah, zápatí a další). Každý tento celek by měl mít svou stálou pozici, aby jej mohl uživatel rychle a bez problémů najít očima, kdykoli to potřebuje. Úkolem webdesignéra je co nejlépe prvky na stránce rozmístit.

No řekněte, netěšíte se na další díl s praktickými ukázkami? Já ano.

Související (update):

• Smutné výhledy webových technologií – (Dušan Janovský, Yuhůův weblog o webu, 5.3.2004)
• Vybíráme layout webu – (Petr Weida, About Weblog, 4.3.2004)
• CSS layout kontra tabulky (v tabulce…-) – (Jiří Chomát, Články, 21.1.2004)
• Skutečné výhody CSS layoutu – (Dušan Janovský, Yuhůův weblog o webu, 18.1.2004)
• CSS versus tabulkový layout – (Petr Staníček, Pixylophone, 20.1.2004)

Nastihl jsem okomentovat dva výborné články, které spatřily světlo světa koncem minulého týdne.

Web X a Web Y – (Petr Staníček, Pixylophone, 20.2.2004)

Pixy se rozhodl zamyslet nad webem informačním tvořeným HTML soubory „obarvenými“ CSS a webem zábavným, který tvoří převážně Flash a podobné technologie.

Barvojmenná typologie webů – (Dušan Janovský, Yuhůův weblog o webu, 22.2.2004)

Yuhů se s námi podělil o své „barevné“ vidění webových stránek ve smyslu jejich struktury a účelu použití. Pokud se nad tím zamyslíte tak zjistíte že vám podobné rozdělení bude pravděpodobně bližší než se zdá na první pohled. Pevně doufám že můj blog patří mezi ty tyrkysové :-)

Související:

• Web podle uživatelů a majitelů – (Petr Weida, About Weblog, 22.2.2004)

Pavel Kout ze studia WEBface včera spustil novou verzi vlastní webové prezentace, která je příkladnou ukázkou jak má vypadat přístupná webová prezentace nabízející návštěvníkům jen ty informace jaké potřebují pro svou orientaci v problematice.

V sekci tvorba stránek najdete texty které vysvětlují jaké mají webové stránky omezení a jak se liší od jiných informačních médií.

Související: (update)

• Dodržování webových standardů se vyplatí – (CZilla.cz, 3.2.2004)
• WEBface
• CSS Vault Gallery > WEBface – (Paul Scrivens, CSS Vault Gallery)
• Nový WEBface – (Jan Bien, Mraveniště Weblog, 4.2.2004 )
• Pavel Kout v CSS trezoru – (Marek Prokop, Sova v síti, 5.2.2004)