Building Impressive Presentations with impress.js

Building Impressive Presentations with impress.js
eBook: $14.99
Formats: PDF, PacktLib, ePub and Mobi formats
save 15%!
Print + free eBook + free PacktLib access to the book: $44.98    Print cover: $29.99
save 5%!
Free Shipping!
UK, US, Europe and selected countries in Asia.
Also available on:
Table of Contents
Sample Chapters
  • Create presentations inside the infinite canvas of modern web browsers
  • Build presentations that work anywhere, any time, and on any device
  • Build dynamic presentations with rotation, scaling, transforms, and 3D effects

Book Details

Language : English
Paperback : 124 pages [ 235mm x 191mm ]
Release Date : March 2013
ISBN : 1849696489
ISBN 13 : 9781849696487
Author(s) : Rakhitha Nimesh Ratnayake
Topics and Technologies : All Books, Web Development, Open Source

Table of Contents

Chapter 1: Getting Started with Impressive Presentations
Chapter 2: Exploring Impress Visualization Effects
Chapter 3: Diving into the Core of impress.js
Chapter 4: Presenting on Different Viewports
Chapter 5: Creating Personal Websites
Chapter 6: Troubleshooting
Appendix: Impress Tools and Resources
  • Chapter 1: Getting Started with Impressive Presentations
    • What is impress.js?
    • Built-in features
    • Beyond presentations with impress.js
    • Why is it important?
      • Presentation outline
      • Using bullet points
      • Animations
      • Using themes
    • Downloading and configuring impress.js
    • Creating your first presentation
      • Designing the presentation
      • Creating the presentation container
      • Creating your first step
      • Applying styles on steps
      • Creating Step 1
      • Creating Step 2
      • Limiting the visibility of steps
      • Presentation overview
    • Summary
    • Chapter 2: Exploring Impress Visualization Effects
      • Introduction to CSS transformations
      • Positioning effects
        • Positioning on the x axis
        • Positioning on the y axis
        • Positioning on the z axis
      • Rotating effects
        • Rotation around the x axis
        • Rotation around the y axis
        • Rotation around the z axis
      • Rotations in practice
      • Scaling effects
      • The importance of positioning in scaling
      • Scaling in practice
        • Planning the design
      • Data perspective
      • impress.js under the hood
      • Summary
      • Chapter 3: Diving into the Core of impress.js
        • impress.js configuration
          • Default configurations
          • Customizing configurations
            • Configuring the width and height
            • Configuring the minScale and maxScale
            • Configuring the perspective
            • Configuring the transition duration
          • Looking at configurations inside the core
        • Understanding the impress API functions
          • Inside the next function
          • Inside the prev function
          • Inside the goto function
        • Automating presentations
        • Creating custom transition timing
        • impress.js step events
        • How to use the step class
        • Working with keyboard configurations
          • Default keyboard configurations
            • Inside the impress core
        • Assigning custom keys for custom events
        • Adding new keys for new events
        • Handling the step click event
        • Summary
        • Chapter 4: Presenting on Different Viewports
          • Fullscreen presentations
          • Using impress.js inside a container
          • Developing a content slider
            • Planning the design
            • Designing slides
            • Wrapping the presentation inside a container
            • Playing the slider automatically
            • Creating navigation controls
            • Creating the play/pause features
            • Adding slide numbers
            • Highlighting the active slide
          • impress.js presentations on mobile devices
          • Issues in designing for mobile devices
            • Scenario 1
            • Scenario 2
            • Scenario 3
          • Best design practices for mobiles devices
          • Summary
          • Chapter 5: Creating Personal Websites
            • Planning the website structure
              • Designing the header
              • Creating the presentation wrapper
            • Creating pages
            • Designing the home page
            • Designing the portfolio page
              • Portfolio gallery
              • Portfolio single
            • Designing the timeline page
            • Defining the timeline navigation
            • Designing the services page
            • Handling the navigation menu
            • Creating the navigation hint
            • Summary
            • Chapter 6: Troubleshooting
              • Browser compatibility
              • Handling unsupported browsers
              • Limitations and new features
                • Positioning steps relative to other steps
                • Defining the previous and next steps
                • Transition duration for individual steps
                • Adding and removing navigation keys
                • Creating substeps
              • Troubleshooting and support
              • Summary

                Rakhitha Nimesh Ratnayake

                Rakhitha Nimesh Ratnayake is a freelance web developer, writer, and an open source enthusiast. He also provides technical consultation on large scale web applications to one of the leading software development firms in Sri Lanka. Rakhitha is the creator of, where he writes tutorials on the latest web development and design technologies. He is also a regular contributor to a number of popular websites such as 1stwebdesigner, the Tuts+ network, and the SitePoint network. Building Impressive Presentations with impress.js was his first book, also published by Packt Publishing. In his spare time, he likes to watch cricket and spend time with his family. Make sure you visit him online at and follow him on Google+ at
                Sorry, we don't have any reviews for this title yet.

                Code Downloads

                Download the code and support files for this book.

                Submit Errata

                Please let us know if you have found any errors not listed on this list by completing our errata submission form. Our editors will check them and add them to this list. Thank you.

                Sorry, there are currently no downloads available for this title.

                Frequently bought together

                Building Impressive Presentations with impress.js +    Metasploit Penetration Testing Cookbook =
                50% Off
                the second eBook
                Price for both: $33.00

                Buy both these recommended eBooks together and get 50% off the cheapest eBook.

                What you will learn from this book

                • Create advanced presentations with Impress.js effects
                • Understand Impress effects such as rotations, scaling, transformations, and 3D effects
                • Extract the power of impress core API events and configurations to modify existing functionalities
                • Integrate impress presentations on different browsers, viewports, and devices
                • Extend the core library to create custom functionalities for different types of applications such as sliders, portfolios, and galleries
                • Handle issues in designing and running presentations
                • Use Impress tools to automate the slide creation process

                In Detail

                Everyone has had to present during their lifetime. We’ve all spent agonizing hours trying to make those PowerPoint presentations engaging. Well now there is a tool that will make those presentations look like child’s play.

                Impress.js is a powerful library that eases the task of creating presentations with smooth animations without depending on a software tool. You are no longer limited to desktop tools as these presentations run on any supported browser anywhere on the Internet.

                "Building Impressive Presentations with impress.js" is a quick guide to creating professional presentations using the best aspects of CSS3. It will also guide you through several practical examples which go beyond the conventional slide-based presentations, covering each aspect of the Impress library.

                From simple presentations to your own personal website this handy practical guide will ensure you get the most out of Impress.JS as quickly as you can. Starting with a simple slide-based presentation we move quickly on adding in sliders, galleries and portfolios to utilize this amazing tool. 3D transitions, rotations, scaling, and transforms are also covered to give your presentations that something extra. The final step is bringing all this together to create a personal website that is viewable on all impress supported browsers.

                "Building Impressive Presentations with impress.js" gives you the chance to stand out from the competition and engage with audiences in a way you never have before.


                This book gives you exactly what you need, exactly when you need it. Using easy-to-follow practical examples, this guide takes you from simple presentations to complete websites in no time.

                Who this book is for

                If you want to engage your audience on a level not previously possible on software such as PowerPoint or Prezi, then this book is for you. With basic knowledge of HTML, CSS, and JavaScript you can start making presentations that truly Impress.

                Code Download and Errata
                Packt Anytime, Anywhere
                Register Books
                Print Upgrades
                eBook Downloads
                Video Support
                Contact Us
                Awards Voting Nominations Previous Winners
                Judges Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software
                Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software