Paranormal Interactivity

Interaction is the secret sauce of the web. Understanding interaction is key to understanding the web as its own medium—it’s not print, it’s not television, and it’s certainly not the desktop. Find out how to wield HTML, CSS, and JavaScript to craft experiences that are native to the web.

Transcript

1. paranormal interactivity
8. Æled mec heht gewyrcan Æled ordered me to be made
9. Hello Jeremy I'm Little MOO - the bit of software that will be managing your order with us. It will shortly be sent to Big MOO, our print machine who will print it for you in the next few days. I'll let you know when it's done and on its way to you. Remember, I'm just a bit of software. So, if you have any questions regarding your order please contact customer services (who are real people) at: http://www.moo.com/service Thanks, Little MOO, Print Robot
16. links forms &
17. links forms &
22. links mouseover :hover
33. table:hover thead th a table tbody tr:hover th a table tbody tr td a:hover table tbody tr td a:focus
34. mouseover :hover JavaScript CSS
35. procedural declarative
36. links forms &
41. form validation UI elements procedural declarative JavaScript HTML5
42. HTML5 input type=“number” input type=“search” input type=“range” input type=“email” input type=“date” input type=“url”
43. pattern recognition progressive disclosure
50. <a href="#login" class="toggler">log in </a> ... <div id="login"> ... </div><!-- /#login --> jQuery('body').addClass('hasJS'); jQuery('a.toggler').click(function() { var id = jQuery(this).attr('href'); jQuery(id).slideToggle('fast'); }); .hasJS #login { display: none; }
52. safe defaults
53. HTML CSS JavaScript
54. safe defaults Ajax
55. Hijax links forms &
57. feedback
58. feedback
59. feedback
60. feedback
61. feedback
62. inspiration
63. inspiration
64. emulation Rich Internet Applications
65. Rich experience
66. Rich experience
67. Rich experience
68. Rich experience
69. Rich experience
70. interactivity
71. e reason we suddenly need such a word is that during this century we have for the first time been dominated by non-interactive forms of entertainment: cinema, radio, recorded music and television. Before they came along all entertainment was interactive: theatre, music, sport... We didn’t need a special word for interactivity in the same way that we don’t (yet) need a special word for people with only one head. —Douglas Adams, August 29th 1999
72. thank you