You are previewing Instant jQuery Masonry How-to.
O'Reilly logo
Instant jQuery Masonry How-to

Book Description

Utilize the power of Masonry in short, easy-to-follow recipes

  • Learn something new in an Instant! A short, fast, focused guide delivering immediate results.

  • Short, easy-to-follow jQuery Masonry techniques

  • Practical examples for everyday scenarios

  • A breeze to read; great for a quick reference guide

In Detail

jQuery Masonry is a revolutionary new plugin that enables dynamic layouts on any website. This powerful tool shuffles and rearranges elements to fit any screen size which will ensure your website keeps up with one of the biggest trends of the year, Responsive Web Design.

Instant jQuery Masonry How-to will allow you to start building fully responsive layouts for portfolios, galleries, blog pages, and more. Gain a complete understanding of the workings of Masonry, which will allow you to integrate this unique tool into your existing and future projects.

The hands-on guide will take you from the basics of jQuery Masonry to utilizing its power within Wordpress and Drupal.

You will learn the basics such as implementing single and multi-column layouts, before developing more complex solutions for various media types, fluid layouts, and animating transitions. With the widespread adoption of responsive web design, this book will bring your blog, portfolio, or any project you are working on up to speed.

Table of Contents

  1. Instant jQuery Masonry How-to
    1. Instant jQuery Masonry How-to
    2. Credits
    3. About the Author
    4. About the Reviewer
    5. www.PacktPub.com
      1. Support files, eBooks, discount offers and more
        1. Why Subscribe?
        2. Free Access for Packt account holders
    6. Preface
      1. What this book covers
      2. What you need for this book
      3. Who this book is for
      4. Conventions
      5. Reader feedback
      6. Customer support
        1. Downloading the example code
        2. Errata
        3. Piracy
        4. Questions
    7. 1. Instant jQuery Masonry How-to
      1. Setting up a single-width column system (Simple)
        1. Getting ready
        2. How to do it...
        3. How it works...
      2. Setting up a multi-width column system (Simple)
        1. Getting ready
        2. How to do it...
        3. How it works...
        4. There's more…
      3. Using Masonry with images (Intermediate)
        1. Getting ready
        2. How to do it...
        3. How it works...
        4. There's more…
      4. Adding media for multi-width columns (Intermediate)
        1. Getting ready
        2. How to do it...
        3. How it works...
      5. Using fluid layouts (Intermediate)
        1. Getting ready
        2. How to do it...
        3. How it works...
        4. There's more…
      6. Animating using jQuery (Intermediate)
        1. Getting ready
        2. How to do it...
        3. How it works...
        4. There's more…
      7. Animating using CSS (Intermediate)
        1. Getting ready
        2. How to do it...
        3. How it works...
        4. There's more…
      8. Integrating with WordPress (Advanced)
        1. Getting ready
        2. How to do it...
        3. How it works...
        4. There's more…
      9. Integrating with Drupal (Advanced)
        1. Getting ready
        2. How to do it...
        3. How it works...
        4. There's more…
      10. Adding and reloading (Advanced)
        1. Getting ready
        2. How to do it...
        3. How it works...
        4. There's more…
      11. Placing a corner stamp (Advanced)
        1. Getting Ready
        2. How to do it…
        3. How it works…
        4. There's more…
      12. Aligning items from right to left (Advanced)
        1. Getting ready
        2. How to do it...
        3. How it works...