Články v kategorii - Tvorba webu

Jak spočítat sílu CSS selektoru?

05.08.08 00:40 | Tvorba webu | autor: Chates (profil) | Čteno: 2494x |
Nic mocUjde toPrůměrDobréVýborné (Žádná hodnocení)

sila_css_selektoruKaždý, kdo si někdy napsal nějaké to svoje CSSko, se určitě dostal do nesnáze typu „Napsal jsem background-color: red; a ono to není červený.“ Téměř vždy to bývá způsobeno jiným selektorem, který je silnější a pozadí přebarví na jinou barvu. Jenže podle čeho se určí, který selektor bude silnější? Dá se to nějak přesně spočítat? Ano dá!

Kdo se vyzná trošku víc, tak ví, že čím více selektor specifikuje, tím bude pravidlo silnější a že když vlepí CSS přímo do HTML, tak to bude nejsilnější. Má víceméně pravdu. Já jsem dlouho používal známou metodu „Přidávám identifikátory, dokud to nezačne fungovat.“ Určitě se mnou ale budete souhlasit, že to je trošku málo a že by bylo dobré to nějak jednoznačně určit nebo spočítat.
pokracovani-icon Pokračování »

Jak na průhledné png v Internet Exploreru 6 – pomocí jQuery.ifixpng

31.05.08 18:48 | Tvorba webu | autor: Chates (profil) | Čteno: 1646x |
Nic mocUjde toPrůměrDobréVýborné (Žádná hodnocení)

Průhlednost v IE 6Pod předešlým článkem na stejné téma se rozhořela diskuse kolem metody využívající populární javascriptovou knihovnu jQuery. Ta slibovala velmi jednoduchý způsob, jak rozchodit průhlednost formátu PNG v IE6 a 5.5.

Bohužel se ukázalo, že to není tak jednoduché, jak se zpočátku zdálo. Zabýval jsem se tedy problémem do hloubky a v následujícím článku se dozvíte, co všechno tato metoda umožňuje a co ne. V první řadě bych řád zdůraznil, že javascript z minulého článku jQuery.pngFix se přejmenoval na jQuery.ifixpng. Takže si projdeme znovu, jak tuto metodu použít:
pokracovani-icon Pokračování »

Jak na průhledné PNG v Internet Exploreru 6 a 5.5?

19.04.08 19:48 | Tvorba webu | autor: Chates (profil) | Čteno: 1898x |
Nic mocUjde toPrůměrDobréVýborné (Žádná hodnocení)

Jak na průhlednost?I když je tento problém dávno vyřešen a mnoho z vás mě určitě obviní z nošení dříví do lesa, stále se setkávám webdesignéry, kteří se u svých návrhů zdráhají využít částečné průhlednosti. Takže bez dalších skrupulí následuje jednoduchý návod, jak zprovoznit onu obávanou částečnou průhlednost formátu PNG v Internet Exploreru 6 a 5.5.

Pro náš účel existuje samozřejmě metod víc, já zde uvedu dvě osvědčené. Jednu běžně užívanou a druhou méně známou novější. Obě mají své pro a proti. Kterou si vyberete, to už záleží na konkrétním projektu a samozřejmě na vás.
pokracovani-icon Pokračování »

Acid test internetových prohlížečů

01.03.08 08:30 | Tvorba webu | autor: Chates (profil) | Čteno: 1138x |
Nic mocUjde toPrůměrDobréVýborné (1 hlasů, prům.: 3.00)

acidAčkoli se ve světě tvorby internetových stránek pohybuji již několik let, Acid test byl pro mě dlouho neznámým pojmem. Jedná se o zajímavý produkt skupiny The Web Standards Project dále jen WaSP, která bojuje za uplatnění W3C standardů ve všech internetových prohlížečích. Tato společnost byla založena roku 1998 a od té doby se jí podařilo navázat spolupráci s vývojáři všech majoritních internetových prohlížečů formou neustálého reportování chyb.

Acid test je komplexní webová stránka navržena v souladu se všemi standardy. Využívá velkého množství pokročilých možností, které HTML a CSS nabízí. Velká část z nich se však při tvorbě stránek vůbec nepoužívá, právě díky chabé podpoře prohlížečů. V následujícím článku Vám zkusím přiblížit testy Acid a Acid2. Nejnovějšímu Acid3 věnuji jiný článek. Shrnu také, jaké prohlížeče si vedou v tomto testování nejlépe.
pokracovani-icon Pokračování »

Zajímavá stránka pro webdesignéry – XHTML Challenge!

19.02.08 08:25 | Internet, Tvorba webu | autor: Chates (profil) | Čteno: 921x |
Nic mocUjde toPrůměrDobréVýborné (Žádná hodnocení)

xhtmlchallVčera jsem při svém brouzdání internetem náhodou narazil na velmi zajímavý projekt s názvem XHTML challenge. Jedná se o velmi originální nápad. Uživatel má po registraci možnost vytvořit challenge (výzvu, soutěž chcete-li) mezi dvěma stránkami. Během několika minut se na stránce objeví výsledky. Ty obsahují různé informace, jako je doctype, validace kódu (počet chyb), délku obsahu a také poněkud zvláštní ohodnocení (Markup, Content, Whitespace ratio). Těžko říct, podle čeho se přesně toho ratio uděluje.
pokracovani-icon Pokračování »