UI:Animatsioonid: erinevus redaktsioonide vahel
Mine navigeerimisribale
Mine otsikasti
Uus lehekülg: ''''Ülesanne on rikastada kasutajakogemust läbi animeeritud elementide''' ==Ülesanne== Kasutades wow.js , animate.js , CSS3 transition või teisi animeerimise hõlbustamise va...' |
Resümee puudub |
||
| 8. rida: | 8. rida: | ||
Animatsioonid võiks olla käivitatavad lingil või nupul klõpsides. | Animatsioonid võiks olla käivitatavad lingil või nupul klõpsides. | ||
==Viited== | |||
* [https://www.w3schools.com/css/css3_transitions.asp CSS3 Transitions] | |||
* [http://mynameismatthieu.com/WOW/ WOW.js] | |||
* [https://daneden.github.io/animate.css/ animate.css] | |||
{{UI-boilerplate}} | {{UI-boilerplate}} | ||
Redaktsioon: 22. märts 2017, kell 11:53
Ülesanne on rikastada kasutajakogemust läbi animeeritud elementide
Ülesanne
Kasutades wow.js , animate.js , CSS3 transition või teisi animeerimise hõlbustamise vahendeid valmistage lehekülg, mis demonstreerib järgmist:
- Elemendi ilmumine ja kadumine
- Kasutaja pilgu juhtimine
- Elemendile tähelepanu juhtimine
Animatsioonid võiks olla käivitatavad lingil või nupul klõpsides.
Viited
Esitamine
- Salvestage töö arvutiklassi W: kettale või veebi.
- Saatke e-post jaagup.irve@ttu.ee aadressil, mille teemarida on "UI:Animatsioonid" (mis on oluline, sest sortimine!), ning milles on teie töö aadress.
NB: Arvutiklasside veebiketastel leiduv on nähtav aadressil: http://www.tud.ttu.ee/web/Teie.Kasutajanimi/ ja vajab index.html faili (ning ärge unustage suuri tähti). Võimalik on kasutada ka dijkstra serverit, kuhu sobivad samuti teie klassikasutajad ja kus samuti on tarvis kasutada suurti tähti.
Hindamise sissekandmisel on kasu ka ka autorite nimedest!