Digital Bits

Assignment 5: Movement and Interaction

We’ll look at the latest in CSS3 properties, that allow animation and transformation. When mixed with the event handlers of jQuery, the stabile structures can shift properties upon user interaction.

Websites today are often designed with these subtle shifts in elements. We’ll be making more drastic moves, making the animations and interactions a primary part of our experiments. Start on the below assignment after taking some time in class today to get used to how these interactive elements work.

Create a balloon using HTML and CSS. Use the same working method as you did for your digital bits. You will need more than one element to make the balloon. Inspired by the film, The Red Balloon, and by the actual balloons available in class, experiment with interactions for your balloon(s). Upload your experiments to the site and categorize as Assignment 5.

Examples from class

Examples of interactions

CSS Properties we’ll review

jQuery events

Sample code

Resources

 
f
{ 09/28/2012    4 Week 3: Active forms   
b

155 responses to “Assignment 5: Movement and Interaction”

  1. Coldwell Banker says:
    12/10/2014 at 9:03 pm

    … [Trackback]

    […] There you will find 24347 more Infos: fc12.johncaserta.info/?p=981 […]

  2. musclebuilding - romanyrest.com says:
    01/19/2015 at 5:05 pm

    … [Trackback]

    […] Read More Infos here: fc12.johncaserta.info/?p=981 […]

  3. Commercial Real Estate Loan says:
    01/22/2015 at 4:55 pm

    … [Trackback]

    […] Read More: fc12.johncaserta.info/?p=981 […]

  4. wallstickers dk says:
    01/24/2015 at 4:14 pm

    … [Trackback]

    […] Informations on that Topic: fc12.johncaserta.info/?p=981 […]

  5. bali yoga retreats says:
    02/10/2015 at 6:31 am

    … [Trackback]

    […] Informations on that Topic: fc12.johncaserta.info/?p=981 […]

  6. porenbeton says:
    02/13/2015 at 1:59 am

    … [Trackback]

    […] Informations on that Topic: fc12.johncaserta.info/?p=981 […]

  7. isagenix products says:
    02/19/2015 at 8:04 pm

    … [Trackback]

    […] Read More: fc12.johncaserta.info/?p=981 […]

  8. commercial real estate says:
    03/21/2015 at 2:18 pm

    … [Trackback]

    […] Informations on that Topic: fc12.johncaserta.info/?p=981 […]

  9. bridging loans says:
    04/08/2015 at 7:52 am

    … [Trackback]

    […] Find More Informations here: fc12.johncaserta.info/?p=981 […]

  10. speed bikes says:
    04/16/2015 at 1:13 pm

    … [Trackback]

    […] Informations on that Topic: fc12.johncaserta.info/?p=981 […]

  11. www.ilristoranteferrara.it ristorante ferrara says:
    04/20/2015 at 10:18 am

    … [Trackback]

    […] Find More Informations here: fc12.johncaserta.info/?p=981 […]

  12. gokkasten machines says:
    05/08/2015 at 1:30 pm

    … [Trackback]

    […] Read More here: fc12.johncaserta.info/?p=981 […]

  13. buy hgh online says:
    05/10/2015 at 1:58 am

    … [Trackback]

    […] Read More: fc12.johncaserta.info/?p=981 […]

  14. payday instant loans says:
    05/14/2015 at 6:20 pm

    Trackback

    […]Wow, amazing blog layout! How long have you been blogging for?[…]

  15. Payday loans says:
    06/20/2015 at 3:23 am

    …Recent Blogroll Additions

    […]Wow, marvelous weblog format! How lengthy have you ever been running a blog for?[…]

  16. www.durbanhotelsgalore.co.za says:
    06/25/2015 at 4:30 pm

    … [Trackback]

    […] Read More Infos here: fc12.johncaserta.info/?p=981 […]

  17. How to Buy Viagra says:
    07/09/2015 at 6:54 pm

    … [Trackback]

    […] Read More here: fc12.johncaserta.info/?p=981 […]

  18. affordable seo services says:
    07/13/2015 at 6:06 pm

    … [Trackback]

    […] Informations on that Topic: fc12.johncaserta.info/?p=981 […]

  19. Cristian Briones says:
    07/16/2015 at 1:44 am

    … [Trackback]

    […] There you will find 42867 more Infos: fc12.johncaserta.info/?p=981 […]

  20. Sonne says:
    08/09/2015 at 11:13 am

    … [Trackback]

    […] Informations on that Topic: fc12.johncaserta.info/?p=981 […]

  21. her latest blog says:
    08/18/2015 at 3:46 pm

    … [Trackback]

    […] Read More here: fc12.johncaserta.info/?p=981 […]

  22. buy backlinks says:
    08/22/2015 at 9:43 pm

    … [Trackback]

    […] Read More here: fc12.johncaserta.info/?p=981 […]

  23. reserver hotel pas cher paris says:
    09/22/2015 at 11:43 pm

    … [Trackback]

    […] Informations on that Topic: fc12.johncaserta.info/?p=981 […]

  24. Redmond WA says:
    09/25/2015 at 10:39 pm

    … [Trackback]

    […] There you will find 29855 more Infos: fc12.johncaserta.info/?p=981 […]

  25. Betonline says:
    10/02/2015 at 6:31 am

    … [Trackback]

    […] Read More Infos here: fc12.johncaserta.info/?p=981 […]

  26. science fiction/click here/fantasy says:
    10/03/2015 at 11:30 pm

    … [Trackback]

    […] Read More: fc12.johncaserta.info/?p=981 […]

  27. Kacey Barnfield height says:
    10/07/2015 at 12:57 am

    … [Trackback]

    […] Read More Infos here: fc12.johncaserta.info/?p=981 […]

  28. Freon Recharge says:
    10/09/2015 at 8:24 am

    … [Trackback]

    […] There you will find 43814 more Infos: fc12.johncaserta.info/?p=981 […]

  29. ankara eskort says:
    10/29/2015 at 5:47 am

    … [Trackback]

    […] There you will find 85581 more Infos: fc12.johncaserta.info/?p=981 […]

  30. ankara escort says:
    11/13/2015 at 11:45 am

    … [Trackback]

    […] Read More: fc12.johncaserta.info/?p=981 […]

  31. ankara orospusu says:
    11/14/2015 at 2:14 am

    … [Trackback]

    […] There you will find 60497 more Infos: fc12.johncaserta.info/?p=981 […]

  32. legal steroid pills for muscle growth says:
    11/20/2015 at 11:36 pm

    … [Trackback]

    […] Informations on that Topic: fc12.johncaserta.info/?p=981 […]

  33. click here says:
    11/28/2015 at 9:17 am

    … [Trackback]

    […] There you will find 77657 more Infos: fc12.johncaserta.info/?p=981 […]

  34. #458B00 says:
    11/30/2015 at 4:32 am

    … [Trackback]

    […] Read More here: fc12.johncaserta.info/?p=981 […]

  35. porn says:
    11/30/2015 at 7:58 am

    … [Trackback]

    […] Read More here: fc12.johncaserta.info/?p=981 […]

  36. seks izle says:
    12/07/2015 at 8:50 am

    … [Trackback]

    […] There you will find 30473 more Infos: fc12.johncaserta.info/?p=981 […]

  37. Branding says:
    11/12/2018 at 12:50 pm

    Assignment 5: Movement and Interaction | Digital Bits

    https://sites.google.com/site/capratecalculator

  38. lebron 10 says:
    12/11/2018 at 1:55 pm

    lebron 10

    snapbackadidas flashbacknike flex experiencenike free

  39. stopnica schodowa says:
    12/14/2018 at 9:58 pm

    … [Trackback]

    […] Find More here|Find More|Read More Informations here|Here you can find 93995 more Informations|Informations on that Topic: fc12.johncaserta.info/?p=981 […]

  40. free bitcoin cash says:
    01/06/2019 at 8:00 pm

    Assignment 5: Movement and Interaction | Digital Bits

    http://173.45.81.199/weekend.bitcoin.free.apk

  41. nileriver says:
    12/30/2019 at 12:22 pm

    Assignment 5: Movement and Interaction | Digital Bits

    http://nileriver.co.vu

  42. films year 2020 says:
    12/30/2019 at 5:20 pm

    films year 2020

    films year 2020

  43. cupooftea says:
    01/08/2020 at 10:48 am

    Assignment 5: Movement and Interaction | Digital Bits

    http://cupooftea.co.vu

  44. serial 2020 says:
    01/08/2020 at 6:35 pm

    serial 2020

    serial 2020

  45. serial-video-film-online says:
    01/12/2020 at 9:15 pm

    serial-video-film-online

    serial-video-film-online

  46. 2020 says:
    01/13/2020 at 12:26 pm

    2020

    2020

  47. Watch Movies Online says:
    01/15/2020 at 11:38 pm

    Watch Movies Online

    Watch Movies Online

  48. watch online TV LIVE 2020 says:
    01/16/2020 at 4:49 pm

    watch online TV LIVE 2020

    watch online TV LIVE 2020

  49. human design says:
    01/25/2020 at 10:35 am

    human design

    human design

  50. dizajn cheloveka says:
    01/25/2020 at 11:12 am

    dizajn cheloveka

    dizajn cheloveka

  51. koma 2020 says:
    01/30/2020 at 1:31 am

    koma 2020 film

    koma 2020

  52. human design human design says:
    02/10/2020 at 8:24 am

    human design human design

    human design human design

  53. DSmlka says:
    02/16/2020 at 6:03 am

    DSmlka

    DSmlka

  54. viagra says:
    02/17/2020 at 3:13 am

    viagra

    viagra

  55. viagra online says:
    02/17/2020 at 3:54 am

    viagra online

    viagra online

  56. ¯jak Son³k says:
    02/20/2020 at 4:29 pm

    ¯jak Son³k

    ¯jak Son³k

  57. astrolog says:
    02/20/2020 at 5:45 pm

    astrolog

    astrolog

  58. LostFilm HD 720 says:
    02/27/2020 at 2:47 pm

    LostFilm HD 720

    LostFilm HD 720

  59. kinoxaxru.ru says:
    03/04/2020 at 4:40 am

    kinoxaxru.ru

    kinoxaxru.ru

  60. film strelcov says:
    03/09/2020 at 12:31 pm

    film strelcov

    film strelcov

  61. t-34 says:
    03/09/2020 at 1:34 pm

    t-34

    t-34

  62. canadian online pharmacies says:
    03/10/2020 at 7:55 am

    canadian online pharmacies

    canadian online pharmacies

  63. canadian pharmacy says:
    03/10/2020 at 8:21 am

    canadian pharmacy

    canadian pharmacy

  64. Beograd film 2020 says:
    03/16/2020 at 6:59 am

    Beograd film 2020

    Beograd film 2020

  65. psiholog says:
    03/18/2020 at 6:16 am

    psiholog

    psiholog

  66. psyhelp_on_line says:
    03/19/2020 at 7:29 pm

    psyhelp_on_line

    psyhelp_on_line

  67. coronavirus says:
    03/20/2020 at 9:59 am

    coronavirus

    coronavirus

  68. PSYCHOSOCIAL says:
    03/28/2020 at 9:40 am

    PSYCHOSOCIAL

    PSYCHOSOCIAL

  69. rasstanovka hellinger says:
    03/28/2020 at 8:12 pm

    rasstanovka hellinger

    rasstanovka hellinger

  70. Cherekasi film 2020 says:
    04/10/2020 at 4:39 am

    Cherekasi film 2020

    Cherekasi film 2020

  71. film doktor_liza says:
    04/20/2020 at 5:29 am

    film doktor_liza

    film doktor_liza

  72. djoker film says:
    04/20/2020 at 5:06 pm

    djoker film

    djoker film

  73. generic viagra says:
    04/23/2020 at 5:47 am

    generic viagra

    generic viagra

  74. buy viagra online says:
    04/23/2020 at 7:11 am

    buy viagra online

    buy viagra online

  75. gidonline-filmix.ru says:
    04/24/2020 at 5:39 pm

    gidonline-filmix.ru

    gidonline-filmix.ru

  76. koronavirus-v-ukraine-doktor-komarovskiy says:
    04/26/2020 at 6:36 pm

    koronavirus-v-ukraine-doktor-komarovskiy

    koronavirus-v-ukraine-doktor-komarovskiy

  77. viagra generic says:
    05/13/2020 at 5:12 am

    viagra generic

    viagra generic

  78. over the counter viagra says:
    05/13/2020 at 6:20 am

    over the counter viagra

    over the counter viagra

  79. Canadian Pharmacies Online says:
    05/13/2020 at 8:33 am

    Canadian Pharmacies Online

    Canadian Pharmacies Online

  80. Canadian Pharcharmy Online says:
    05/13/2020 at 11:16 am

    Canadian Pharcharmy Online

    Canadian Pharcharmy Online

  81. t.me/psyhell says:
    06/06/2020 at 2:30 am

    t.me/psyhell

    t.me/psyhell

  82. Ïñèõîëîã îíëàéí says:
    06/06/2020 at 2:54 am

    Ïñèõîëîã îíëàéí

    Ïñèõîëîã îíëàéí

  83. bitly.com says:
    06/14/2020 at 5:45 pm

    bitly.com

    bitly.com

  84. viagra 100mg says:
    06/15/2020 at 1:13 pm

    viagra 100mg

    viagra 100mg

  85. viagra price says:
    06/15/2020 at 2:17 pm

    viagra price

    viagra price

  86. viagra coupon says:
    06/15/2020 at 6:25 pm

    viagra coupon

    viagra coupon

  87. cheap viagra says:
    06/15/2020 at 7:33 pm

    cheap viagra

    cheap viagra

  88. cialis says:
    06/15/2020 at 9:24 pm

    cialis

    cialis

  89. cialis coupon says:
    06/15/2020 at 11:02 pm

    cialis coupon

    cialis coupon

  90. canadian pharmacy cialis says:
    06/16/2020 at 5:49 am

    canadian pharmacy cialis

    canadian pharmacy cialis

  91. cialis 5mg says:
    06/16/2020 at 10:09 am

    cialis 5mg

    cialis 5mg

  92. rlowcostmd.com says:
    07/04/2020 at 2:23 am

    rlowcostmd.com

    rlowcostmd.com

  93. movies-tekstmovies-tekst says:
    07/15/2020 at 1:10 pm

    movies-tekst

    movies-tekst

  94. Zemlyane 2005 smotret onlajn says:
    07/21/2020 at 2:42 pm

    Zemlyane 2005 smotret onlajn

    Zemlyane 2005 smotret onlajn

  95. pharmacy says:
    07/30/2020 at 6:58 am

    pharmacy

    pharmacy

  96. generic cialis says:
    07/30/2020 at 8:47 am

    generic cialis

    generic cialis

  97. smotret onlajn besplatno v kachestve hd 1080 says:
    08/10/2020 at 1:45 pm

    smotret onlajn besplatno v kachestve hd 1080

    smotret onlajn besplatno v kachestve hd 1080

  98. zoom-psykholog says:
    08/21/2020 at 7:44 am

    zoom-psykholog

    zoom-psykholog

  99. zoom-viber-skype says:
    08/21/2020 at 4:16 pm

    zoom-viber-skype

    zoom-viber-skype

  100. Vratar Galaktiki Film, 2020 says:
    08/27/2020 at 11:32 am

    Vratar Galaktiki Film, 2020

    Vratar Galaktiki Film, 2020

  101. Vratar says:
    08/27/2020 at 8:31 pm

    Vratar

    Vratar

  102. Cherkassy 2020 says:
    08/28/2020 at 5:32 pm

    Cherkassy 2020

    Cherkassy 2020

  103. chernobyl-hbo-2019-1-sezon says:
    08/28/2020 at 9:09 pm

    chernobyl-hbo-2019-1-sezon

    chernobyl-hbo-2019-1-sezon

  104. moskva-psiholog says:
    09/01/2020 at 5:32 am

    moskva-psiholog

    moskva-psiholog

  105. batmanapollo.ru says:
    09/02/2020 at 8:17 pm

    batmanapollo.ru

    batmanapollo.ru

  106. 323 says:
    09/10/2020 at 2:21 pm

    323

    323

  107. 525 says:
    09/10/2020 at 2:47 pm

    525

    525

  108. dom2-ru says:
    09/12/2020 at 8:13 pm

    dom2-ru

    dom2-ru

  109. Tenet Online says:
    09/13/2020 at 9:25 pm

    Tenet Online

    Tenet Online 2020 watch

  110. psy psy psy psy says:
    09/20/2020 at 10:16 pm

    psy psy psy psy

    psy psy psy psy

  111. krsmi.ru says:
    10/01/2020 at 4:29 am

    krsmi.ru

    krsmi.ru

  112. like-v.ru says:
    10/09/2020 at 11:45 pm

    like-v.ru

    like-v.ru

  113. CFOSPUK says:
    10/16/2020 at 1:11 am

    CFOSPUK

    CFOSPUK

  114. MAMprEj says:
    10/16/2020 at 2:10 am

    MAMprEj

    MAMprEj

  115. fgu0ygW says:
    10/16/2020 at 2:37 am

    fgu0ygW

    fgu0ygW

  116. akmeologiya says:
    10/30/2020 at 3:39 pm

    akmeologiya

    akmeologiya

  117. dizain cheloveka says:
    10/30/2020 at 4:59 pm

    dizain cheloveka

    dizain cheloveka

  118. human-design-hd says:
    10/30/2020 at 5:35 pm

    human-design-hd

    human-design-hd

  119. batmanapollo says:
    11/11/2020 at 9:53 pm

    batmanapollo

    batmanapollo

  120. tsoy says:
    11/14/2020 at 9:33 pm

    tsoy

    tsoy

  121. 44548 says:
    11/19/2020 at 1:28 pm

    44548

    44548

  122. 44549 says:
    11/19/2020 at 1:53 pm

    44549

    44549

  123. hod-korolevy-2020 says:
    11/19/2020 at 11:11 pm

    hod-korolevy-2020

    hod-korolevy-2020

  124. HD says:
    11/22/2020 at 7:53 pm

    HD

    HD

  125. 158444 says:
    11/24/2020 at 8:58 pm

    158444

    158444

  126. groznyy-serial-2020 says:
    11/26/2020 at 12:20 am

    groznyy-serial-2020

    groznyy-serial-2020

  127. 38QvPmk says:
    11/28/2020 at 5:13 am

    38QvPmk

    38QvPmk

  128. bitly.com/doctor-strange-hd says:
    11/28/2020 at 8:04 am

    bitly.com/doctor-strange-hd

    bitly.com/doctor-strange-hd

  129. bitly.com/eternals-online says:
    11/28/2020 at 8:46 am

    bitly.com/eternals-online

    bitly.com/eternals-online

  130. bitly.com/maior-grom says:
    11/28/2020 at 6:37 pm

    bitly.com/maior-grom

    bitly.com/maior-grom

  131. matrica-film says:
    11/28/2020 at 7:47 pm

    matrica-film

    matrica-film

  132. dzhonuikfilm4 says:
    11/28/2020 at 8:25 pm

    dzhonuikfilm4

    dzhonuikfilm4

  133. bitly.com/batman20212022 says:
    11/28/2020 at 8:50 pm

    bitly.com/batman20212022

    bitly.com/batman20212022

  134. bitly.com/venom-2-smotret-onlajn says:
    11/28/2020 at 9:13 pm

    bitly.com/venom-2-smotret-onlajn

    bitly.com/venom-2-smotret-onlajn

  135. bitly.com/nevremyaumirat says:
    11/28/2020 at 9:44 pm

    bitly.com/nevremyaumirat

    bitly.com/nevremyaumirat

  136. bitly.com/kingsmankingsman says:
    11/28/2020 at 10:27 pm

    bitly.com/kingsmankingsman

    bitly.com/kingsmankingsman

  137. bitly.com/3zaklyatie3 says:
    11/28/2020 at 11:04 pm

    bitly.com/3zaklyatie3

    bitly.com/3zaklyatie3

  138. bitly.com/1dreykfilm says:
    11/28/2020 at 11:48 pm

    bitly.com/1dreykfilm

    bitly.com/1dreykfilm

  139. bitly.com/topgunmavericktopgun says:
    11/29/2020 at 1:29 am

    bitly.com/topgunmavericktopgun

    bitly.com/topgunmavericktopgun

  140. bitly.com/flash2022 says:
    11/29/2020 at 4:19 am

    bitly.com/flash2022

    bitly.com/flash2022

  141. bitly.com/fantasticheskietvari3 says:
    11/29/2020 at 5:08 am

    bitly.com/fantasticheskietvari3

    bitly.com/fantasticheskietvari3

  142. bitly.com/wonderwoman1984hd says:
    11/29/2020 at 6:11 am

    bitly.com/wonderwoman1984hd

    bitly.com/wonderwoman1984hd

  143. 1444 says:
    12/04/2020 at 1:21 pm

    1444

    1444

  144. cleantalkorg2.ru says:
    12/16/2020 at 2:55 pm

    cleantalkorg2.ru

    cleantalkorg2.ru

  145. 232dfsad says:
    12/16/2020 at 3:19 pm

    232dfsad

    232dfsad

  146. join vk says:
    12/24/2020 at 4:50 pm

    join vk

    join vk

  147. vk login says:
    12/24/2020 at 6:13 pm

    vk login

    vk login

  148. svaty—7—sezon says:
    01/09/2021 at 9:36 pm

    svaty—7—sezon

    svaty—7—sezon

  149. svaty 7 sezon says:
    01/09/2021 at 10:10 pm

    svaty 7 sezon

    svaty 7 sezon

  150. svaty 7 says:
    01/09/2021 at 11:22 pm

    svaty 7

    svaty 7

  151. tik tok says:
    02/04/2021 at 10:30 am

    tik tok

    tik tok

  152. clubhouse invite says:
    02/23/2021 at 7:03 pm

    clubhouse invite

    clubhouse invite

  153. img1 says:
    03/18/2021 at 3:12 pm

    img1

    img1

  154. liga spravedlivosti 2021 says:
    03/21/2021 at 4:39 pm

    liga spravedlivosti 2021

    liga spravedlivosti 2021

  155. 666 says:
    03/28/2021 at 3:56 pm

    666

    666

Leave a Reply