Adding JavaScript interactivity


show more Adding JavaScript interactivity provides you with in-depth training on Web. Taught by Joseph Lowery as part of the CSS: Transitions and Transforms show less
please wait ...

Adding JavaScript interactivity

While CSS has gotten really good at moving elements around the page space--in 3D no less--it's not really intended for controlling user interactions. That's where JavaScript comes in. In this movie we'll link to the necessary JavaScript code that will power the HTML buttons inserted in the last movie and set the classes properly so that CSS can do its thing, to whatever extent possible, for any particular browser. In my code editor I have open the spotlight.htm file from the Chapter 5/05_03 folder of the exercise files.

Let's place our cursor after the, for now, sole CSS link and insert a script tag to bring in a downloaded copy of Modernizer. It's already placed in the _scripts folder. Modernizer, of course, is the terrific library that adds classes for specific CSS features, supported and non-supported, to the HTML tag. Which in turn allows designers to code their CSS rules appropriately for a wide range of browsers. So the script type= "text/JavaScript" source going...

Adding JavaScript interactivity
Video duration: 7m 22s 2h 25m Intermediate

Viewers:

Adding JavaScript interactivity provides you with in-depth training on Web. Taught by Joseph Lowery as part of the CSS: Transitions and Transforms

Subject:
Web
Software:
CSS
Author:
please wait ...