Aktuálně: Postihly zákazy tvou profesi? Poptávka po ajťácích prudce roste, využij slevové akce 30% výuky zdarma!
Pouze tento týden sleva až 80 % na e-learning týkající se PHP
PHP týden

CSS3 od A do Z - Online kurz

Úvod do CSS 3

Lekce 1

Úvod do CSS 3

V této lekci se uvedeme do problematiky kaskádových stylů CSS3, ukážeme si, k čemu slouží, její historii, způsoby připojení CSS k HTML a CSS selektory.
Napsal Nocik
Zdarma Zobrazit popis
CSS 3 selektory

Lekce 2

CSS 3 selektory

V této lekci se uvedeme do problematiky CSS 3 selektorů. Ukážeme si nejpoužívanější selektory a jak je použít, včetně pseudo-selektorů.
Napsal Nocik
Zdarma Zobrazit popis
Jednotky (em, rem, px, ...)

Lekce 3

Jednotky (em, rem, px, ...)

V této lekci se uvedeme do problematiky délkových jednotek v CSS3. Ukážeme si různé druhy (em, rem, px, % a další) a kdy je použít.
Napsal Nocik
Zdarma Zobrazit popis
Text a písmo 1. část

Lekce 4

Text a písmo 1. část

V této lekci se uvedeme do problematiky textu a písma. Ukážeme si, jak vytvořit ukázkový styl na článek za pomocí kombinace různých CSS vlastností.
Napsal Nocik
Zdarma Zobrazit popis
Text a písmo 2. část

Lekce 5

Text a písmo 2. část

V této lekci budeme pokračovat uvedením se do problematiky textu a písma. Budeme pokračovat v tvorbě ukázkového stylu na článek.
Napsal Nocik
Zdarma Zobrazit popis
Text a písmo 3. část

Lekce 6

Text a písmo 3. část

V této lekci budeme pokračovat problematikou textových vlastností a dokončíme náš ukázkový styl na článek. Ukážeme si text-shadow, letter-spacing a další.
Napsal Nocik
Zdarma Zobrazit popis
Úvod do animací elementů pomocí CSS3

Lekce 7

Úvod do animací elementů pomocí CSS3

V této lekci si ukážeme, jak fungují animace elementů pomocí CSS3 a co jsou to tzv. "keyframes".
Napsal Filip Opluštil
Zdarma Zobrazit popis
Animace zobrazování textu pomocí CSS3

Lekce 8

Animace zobrazování textu pomocí CSS3

V této lekci si ukážeme, jak vytvořit animaci zobrazení textu tak, aby vypadal jako když ho někdo zrovna píše. Zkráceně se jedná o tzv. typewriter efekt.
Napsal Filip Opluštil
Zdarma Zobrazit popis
Animace efektů při interakci s elementy (tooltip)

Lekce 9

Animace efektů při interakci s elementy (tooltip)

V této lekci si ukážeme, jak se dají měnit elementy, když je uživatel například překryje kurzorem myši. Ukážeme si, jak vytvářet tzv. tooltips.
Napsal Filip Opluštil
Zdarma Zobrazit popis
Průběhy animací elementů

Lekce 10

Průběhy animací elementů

V této lekci si ukážeme, jak vypadají průběhy animací, jejich nastavení a použití.
Napsal Filip Opluštil
Zdarma Zobrazit popis
Rotace elementů v CSS 3

Lekce 11

Rotace elementů v CSS 3

V této lekci si ukážeme, jak otáčet elementy ve 2D a 3D prostoru, konkrétně z různých stran a úhlů. Využijeme funkce matrix, rotate a skew.
Napsal Filip Opluštil
Zdarma Zobrazit popis
Čítač a vlastnost content v CSS 3

Lekce 12

Čítač a vlastnost content v CSS 3

V této lekci CSS 3 si ukážeme, jak vytvořit čítač a použití vlastnosti content na několik způsobů.
Napsal Samuel Hél
Zdarma Zobrazit popis
Počítání v CSS pomocí funkce calc()

Lekce 13

Počítání v CSS pomocí funkce calc()

V této lekci si ukážeme, co je to vlastně v CSS funkce calc(), jak funguje a jakým způsobem se dá využít.
Napsal Filip Opluštil
Zdarma Zobrazit popis
Změny vlastností posuvníků (scrollbarů)

Lekce 14

Změny vlastností posuvníků (scrollbarů)

V této lekci si ukážeme, jak si u scrollbarů na stránce nastavit vlastní velikost, barvu nebo dokonce tvar.
Napsal Filip Opluštil
ZdarmaNehodnoceno Zobrazit popis
Úpravy a nastavení kurzorů v CSS3

Lekce 15

Úpravy a nastavení kurzorů v CSS3

V této lekci si ukážeme, jak si na stránce vytvořit a upravit vlastní vzhled kurzoru.
Napsal Filip Opluštil
NovéZdarmaNehodnoceno Zobrazit popis
Pozadí elementů - obrázek, barva, ohraničení v CSS 3

Lekce 16

Pozadí elementů - obrázek, barva, ohraničení v CSS 3

V této lekci si ukážeme, jak nastavit našim elementům na stránce určitou barvu nebo obrázek do pozadí.
Napsal Filip Opluštil
NovéZdarmaNehodnoceno Zobrazit popis
Pozadí elementů - velikost, pozice a přichycení v CSS 3

Lekce 17

Pozadí elementů - velikost, pozice a přichycení v CSS 3

V této lekci si ukážeme, jak u pozadí elementů nastavit velikost, pozici, přichycení a případně opakování.
Napsal Filip Opluštil
NovéZdarmaNehodnoceno Zobrazit popis
Seznamy v CSS 3

Lekce 18

Seznamy v CSS 3

V této lekci si ukážeme, jak nastavit vlastní vzhled seznamů, jak správně nastavit typ, obrázek i pozici.
Napsal Filip Opluštil
NovéZdarmaNehodnoceno Zobrazit popis
CSS 3 zdrojákoviště

CSS 3 zdrojákoviště

Zobrazit sekci 17 Položek

CSS 3 tvorba komunity zde na síti. Zdrojáky neprochází kontrolou jako u kurzů a jsou různé kvality.
Zobrazit popis
Český CSS 3 manuál

Český CSS 3 manuál

Zobrazit sekci 188 Položek

Český rejstřík CSS 3 specifikace obsahuje popis všech CSS 3 tagů včetně ukázek jejich použití a vysvětlení atributů. Nepostradatelná příručka vývojáře.
Zobrazit popis


 

Aktivity (11)