Předběžný obsah

Nikdo nemá rád dlouhé rolování

Co s tím?
Zkrátit obsah

1. Návratové tlačítko
2. Animované návratové tlačítko
3. Omezit nebo nejlépe zrušit reklamu
4. Sdělení formou obrazu
5. Návratové tlačítko
6. Animované návratové tlačítko jQuery
7. Owerflow
8. Vždy viditelné menu

Omezit nebo nejlépe zrušit reklamu
Sdělení formou obrazu
Sdělení formou animací

1. CSS3 keyframes
2. CSS3 name / duration
3. CSS3 animation-timing-function
4. CSS3 animation-iteration-count
5. CSS3 animation-direction
6. CSS3 animation-delay
7. CSS3 animation-fill-mode
8. CSS3 animation-play-state
9. CSS3 animation
10. Jak animace používat?
11. Kde animace používat?
12. CSS3 translate
13. CSS3 scale
14. CSS3 rotate
15. CSS3 skew
16. CSS3 transform
17. CSS3 origin a CSS3 transition-duration
18. Jak transformace používat?

Sdělení formou videa

1. Využití na webu je podobné
2. HTML5 video

Sdělení formou zvuku

1. HTML5 audio
2. Využití

3D Šablona

1. K čemu to je dobré?
2. Jak na to?
3. CSS3 perspective
4. CSS3 rotate3d
5. CSS3 translate3d
6. CSS3 scale3d
7. CSS3 matrix

Animovaná šablona

1. Jak vylepšit procházení webu za pomoci animací?

Responzivní obsah

1. Overflow
2. Max-height, min-height, max-width a min-width
3. Media

Podprahová nepřímá sdělení

1. Zaběhlá sdělení
2. Atmosféra
3. Upřímnost a důvěryhodnost
4. Otevřenost
5. Máme vše pod kontrolou
6. Nic vážného se nestalo
7. Emoce

Shrnutí

Vzhled šablon

Skrytá tajemství

1. Jak umístit tapetu na web?

Podceňovaná síla stínů

1. Jak stíny používat?
2. Proč využívat stíny?
3. CSS3 box-shadow
4. CSS3 text-shadow

Barevné přechody

1. CSS3 linear-gradient
2. CSS3 radial-gradient

Průhlednost

1. Kde částečnou průhlednost využívat?
2. Jak na to?
3. CSS3 rgba/hsla
4. CSS3 opacity

Nekonečný souboj: zaoblené hrany vs. ostré hrany

1. Proč používat zaoblené hrany?
2. CSS3 border-radius

Šířka řádku

1. CSS3 column

Volba fontu

1. CSS3 @font-face
2. Na co si dát pozor!

Barevný soulad

1. Doporučení
2. Jak se nám to povedlo?
3. Co se psychologie barev týče

Umístění menu
Tvar šablony

1. HTML5
2. Další nové vlastnosti HTML5
3. HTML5 formuláře
4. Další možnosti

Poutače

1. Logo, podpis a obchodní název
2. Ilustrace a fotografie
3. Slider
4. Úvodní animace
5. Statické efekty
6. Další

Shrnutí

Obsah šablony

Tlačítka a odkazy

1. Nejběžnější typy odkazů
2. Další tipy na odkaz
3. Podtržení po najetí myši na odkaz
4. Změna barvy textu po najetí myši na odkaz
5. Změna barvy pozadí po najetí myši na odkaz
6. Barevný přechod jako odkaz
7. Trojúhelníček či podobný symbol na levé straně textu
8. Obrázek jako odkaz
9. Rozsvícení textu
10. Obrázek jako podtržení
11. Dvojité podtržení
12. Orámovaný odkaz
13. Animovaný odkaz
14. Efekt tlačítka

Fotogalerie

1. Podoba a funkce fotogalerií
2. Jak vytvořit fotogalerii

Speciální efekty

1. Změna textu jQuery
2. Zobrazit / skrýt jQuery
3. Pozastavit zobrazení / skrytí jQuery
4. Oddálit spuštění odkazu JavaScript
5. Animovaný reklamní panel
6. Animované menu

Tvorba 3D šablony

Postup
Výsledek