CSS – Články – Programujte.com
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu
Reklama
Reklama

CSS – Články – Programujte.comCSS – Články – Programujte.com

 

Reklama
Reklama
Obrázek ke článku CSS3: styluje à la Windows 7

CSS3: styluje à la Windows 7

Pro mnoho intranetových aplikací či backendových záležitostí se nám hodí základní UI. To se nesmí rychle okoukat, musí být pro uživatele standardní a přitom by mělo být na oko pohledné. Dovolím si za příklad vzít standardní vzhled prvků z Windows 7. Tento design si dnes nakódujeme pouze pomocí CSS3 (s trochou JavaScriptu), ale kompletně bez obrázků, tedy „vektorově“.

Obrázek ke článku CSS3 - držte krok s dobou (nové vlastnosti)

CSS3 - držte krok s dobou (nové vlastnosti)

Určitě jste již slyšeli o připravovaných a žhavých technologiích CSS3 a HTML5. V tomto článku se pokusím představit hlavní a nové vlastnosti, které vám aktuálně CSS3 nabízí.

Stylujeme formulář v CSS3

Tvorba stylového a profesionálně vypadajícího formuláře typicky vyžaduje použití nějakých obrázků (a možná i JavaScriptu). Nicméně s CSS3 je nyní mnohem snazší vytvořit pěkné efekty, které nevyžadují použití obrázků a přitom vypadají čistě a elegantně.

Vytvořte si nabídku Start Windows 7 pomocí CSS3

Spousta lidí je fascinována tím, kolik zajímavých věcí se dá udělat jen za přispění CSS3. Mnohé prvky uživatelského rozhraní, které vyžadují obrázky proto, aby měly přijatelný vzhled, mohou být nyní stylizovány pouze technologií CSS3. Důkaz? Předvedeme si, jak jednoduše udělat menu podobné nabídce Start ve Windows 7 jen s malým využitím CSS3 a několika ikonek.

Obrázek ke článku CSS box model a CSS reset

CSS box model a CSS reset

Základní kámen úrazu začínajícího kodéra či webdesignéra: jak dosáhnout toho, aby každý element měl stanovenou (a dobře vypočtenou) velikost a jak ji vůbec spočítat, aby byl daný element správně vykreslen? Víte, že na vině v chybné interpretaci box modelu je W3 konsorcium samo? Jak dosáhnout téměř stejných výsledků napříč prohlížeči?

Časté chyby v CSS

V dnešním článku se blíže podíváme na nejčastější chyby, kterých se kodéři dopouštějí při tvorbě webu za pomocí kaskádových stylů. Tento jazyk je sice velmi mocný, na druhou stranu nijak neomezuje tvůrce webu v jeho používání, což vede k častým chybám. Přináším vám tedy soupis deseti nejčastějších chyb, které lze v CSS udělat.

CSS průhlednost a nastavení krytí

Možná si někdo z vás pokládal otázku, zda lze pomocí CSS zprůhlednit obrázek, nebo text. Možná už se to někomu podařilo, možná ne. My se proletíme od základů CSS transparentnosti přes moře příkladů až po využití v praxi.

Obrázek ke článku CSS - 4. Tvorba stránky – Layout (1/3)

CSS - 4. Tvorba stránky – Layout (1/3)

4.1 ⋅ Čo je layout a prečo práve pomocou CSS
4.2 ⋅ Tvorba layoutu
   4.2.1 ⋅ Úvod
   4.2.2 ⋅ Kontajner
   4.2.3 ⋅ Hlava
   4.2.4 ⋅ Menu
   4.2.5 ⋅ Textbox
   4.2.6 ⋅ Reklama
   4.2.7 ⋅ Textbox bez odsadenia
   4.2.8 ⋅ Päta
4.3 ⋅ Záver

Obrázek ke článku CSS – 2. Syntax

CSS – 2. Syntax

2.1 ⋅ Ako na stránku umiestniť štýlový hárok
2.2 ⋅ Základná syntax
2.3 ⋅ Spájanie do skupín
2.4 ⋅ Komentáre
2.5 ⋅ Záver

Obrázek ke článku CSS - 1. Úvod

CSS - 1. Úvod

1.1 ⋅ Čo by ste už mali vedieť
1.2 ⋅ CSS v bodoch
1.3 ⋅ Štýly riešia všeobecný problém
1.4 ⋅ Štýlové hárky ušetria mnoho práce
1.5 ⋅ Možnosti použitia CSS
1.6 ⋅ Záver

CSS – úvod

Začíná nový seriál na téma CSS. Co ta zkratka vlastně znamená? Proč CSS používat? Na tyto a další otázky najdete odpověď v dnešním úvodním dílu seriálu.

CSS - 6. lekce

6.1 - Slovo úvodem
6.2 - Pokračujeme v přehledu
6.3 - Domácí úkol..

CSS - 5. lekce

5.1 - Pokračujeme v přehledu
5.2 - Domácí úkol..

CSS - 4. lekce

4.1 - Na co si dát pozor
4.2 - Úvod k přehledu vlastností CSS
4.3 - Domácí úkol..

CSS - 3. lekce

Příkladová lekce - nejlepší způsob, jak vyzkoušet svoje znalosti v praxi a ještě více vylepšit svůj CSS skill. Tak na co ještě čekáte?..

CSS - 2. lekce

2.1 - Malá rozcvička
2.2 - Úvod do TopStyle a definice externího CSS souboru
2.3 - Domácí úkol

Výsledky 1-19 z celkem 19 nalezených
Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032016 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý