Předběžný obsah nové knihy

O čem se bude v plánované knize psát?
Na toto otázku vám můžu odpovědět a dokonce se můžete i níže podívat.
Některá témata jste určitě již viděli, ale jiná jsou nová.
Dokonce jsem i rozšířil již publikovaná témata.
Kniha vyjde zatím jen v češtině a v ČR.

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

Napsat komentář

Vaše emailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *

Můžete používat následující HTML značky a atributy: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>