Responsive CSS3 Scrolling Effects Book

Step-by-Step Training Workbook: Optimize for Mobile Using CSS Capabilities

In this book, we'll demonstrate how to code an image-rich webpage designed specifically to take advantage of the awesome native CSS capabilities of modern browsers. You'll learn how to build an elegant, responsive design where all content—including images and videos—resize in accordance with browser size. You'll also learn how to take advantage of web-font typography and explore techniques for using CSS animated transitions that zoom, pan, and scroll. Along the way, we will use media queries to fine tune the content so it displays beautifully in any size browser, from a mobile device to a wide-screen display.

Includes Downloadable Class Files (works on Mac & PC)
ISBN: 978-1-934624-45-6

Setup & Introduction
Downloading the Class Files
Section 1
Styling the Photos & Text
Creating an Animated CSS Transition for a YouTube Video
Animating the Panorama & Making the Layout Responsive
Reference Material

How our eBooks Work Buying eBooks for Someone Else

Examples of What You Learn

  • The Magic of CSS Background-Size: Cover
  • Distinctive Scrolling Effects with CSS Fixed Backgrounds
  • Zooming a Video on Hover with CSS Transitions
  • Using CSS @Keyframes to Create a Cinematic Panning Effect
  • Media Queries: Fine Tuning Page Layout and Typography Across Devices

Why Our Books Are Unique

Our books are packed with step-by-step exercises that walk you through projects. You’ll learn by doing exercises, not reading long explanations. The goal is to give you hands-on practice with the program, getting you started quickly with the things that are most important for real life work.

demonstration of different book formats: print, kindle, & mobile devices
Yelp Facebook LinkedIn YouTube Twitter Instagram