O'Reilly logo

jQuery for Designers : Beginner's Guide - Second Edition by Natalie MacLees

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Time for action – setting up the HTML file

Perform the following steps to set up an HTML document that is ideal for adding the scrolling effects:

  1. We'll get started as usual with our basic HTML file and associated files and folders, just like we did in Chapter 1, Designer, Meet jQuery. Note that because we're going to be creating several full-width sections, the CSS file for this chapter is slightly modified from the starting CSS file we used in the previous chapters. You'll find the correct version of the CSS file in the code samples for the book.

    Inside the HTML document, we'll create a series of the <section> elements, each of which will contain the day or night, an icon, and a short weather forecast. To do this, take a look at the following code: ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required