SqueezeBox

A stylish responsive accordion to organize content

SqueezeBox gives you a wonderful way to present content to your users in an organized stylish way. You can split your content into sections that can be expanded and collapsed. SqueezeBox supports responsive design as well as linking to individual sections.

Key Features

Demo

  • Clean and Flexible

    Open or Close
    Stacks Image 564

    SqueezeBox provides a very clean interface to present your data to your customers. The section titles support only text, however, the content for each section can contain anything that you want.

    You have control over the scroll speed, animations and whether one or more section can be open at the same time.

  • Mobile Friendly

    Open or Close
    Stacks Image 573

    SqueezeBox has the ability to adjust the section title font size for mobile devices. If you want the section content to also be responsive, we suggest that you use our Responsive Layout stacks inside SqueezeBox.

  • Extra Arrow Media

    Open or Close
    Stacks Image 582

    SqueezeBox ships with additional arrows that you can use to further customize the look and feel.

  • Want More Styling?

    Open or Close
    Stacks Image 591

    If you throw SqeezeBox inside a Letterpress Box stack, then you can some really amazing new styles that you can use to tweak the section titles. Have a look at how this was done on the RapidWeaver Book Website.

  • Getting Started

    Open or Close
    Stacks Image 850

    In this first chapter, we are going to hit the ground running. We are going to go from zero to a deployed website by the end of this chapter. This means that we are going to see an in-depth review of every setting.

    • What is RapidWeaver?
    • RapidWeaver vs. iWeb/Dreamweaver
    • It's more than an app
    • Installing RapidWeaver

    • Creating our first website
    • Publishing our website
    • Selecting a web host

  • Touring RapidWeaver

    Open or Close
    Stacks Image 865

    In this chapter, we are going to step back a bit and take a tour of the RapidWeaver interface, preferences, and inspector windows. We are going to review every nook and cranny throughout the interface.

    • Webpage list
    • Adding a new page
    • Page order and site navigation
    • Preview mode vs. Edit mode
    • View Source
    • Page Inspector
    • General settings
    • Sidebar
    • Header
    • Styles
    • Resources

    • The Resource macro
    • Snippets
    • Theme browser
    • Site Setup
    • General settings
    • Publishing your website
    • What's going to be published?
    • Overriding change indicators
    • Bookmarks
    • Preferences
    • Customizing the toolbar

  • Theming Your Site

    Open or Close
    Stacks Image 880

    In this chapter, we are going to review all the aspects of applying themes to your website. We will, specifically, look at topics such as choosing and managing themes, saving theme styles, customizing themes, and more.

    • Choosing your theme
    • Third-party theme developers
    • Theme Browser
    • Duplicating themes
    • Deleting themes
    • Theme styles
    • Master style vs. page style

    • Saving page styles
    • ExtraContent
    • Customizing themes
    • Customizing with CSS
    • RWmultiTool
    • RapidThemer

  • Styled Text Page

    Open or Close
    Stacks Image 895

    In this chapter, we will be reviewing the Styled Text page. The Styled Text page is an extremely versatile page type. You can add images, audio, video, and file downloads all without knowing an ounce of code! The Styled Text framework is not limited to just the Styled Text page. This means that everything that you are about to learn in this chapter can also be applied to most of the other RapidWeaver pages and plugins as well.

    • Formatting text
    • Pasting text
    • Format toolbar
    • Links
    • Text styles
    • Font selection
    • Alignment
    • Lists
    • HTML formats
    • Color
    • Format menu
    • Smart quotes
    • Bigger/smaller text
    • Clear formatting

    • Ignore formatting
    • Images
    • Media Inspector
    • Image normalization
    • Linking to a URL or e-mail
    • Linking to an internal page or resource
    • Removing links
    • Audio and video
    • iMedia browser
    • File downloads
    • Drag-and-drop into Styled Text
    • Linking to a resource
    • Forcing files to download
    • Inserting code

    Packt Publishing was awesome enough to allow you to download the complete copy for chapter 4 so you can get a feel for how the book is written. Enjoy!

  • Stacks

    Open or Close
    Stacks Image 913

    In this chapter, we will be reviewing the Stacks add-on of RapidWeaver. We will not only learn how to install and work with Stacks, we will also review its toolbars and settings, templates, and the default stack elements that ship with this add-on.

    • HTML page
    • iFrame
    • Offsite page
    • Contact Form
    • The Contact Form fields
    • Contact Form setup
    • Formloom
    • FormSnap stacks
    • Common page elements with stacks

    • The Add/Remove link
    • The Stack settings pane
    • What is a tiled image?
    • Text editor options
    • Image editor options
    • Image Publishing
    • Default stacks
    • Templates
    • Global content

  • Question 1

    Open or Close

    Gluten-free paleo gastropub authentic flexitarian fixie tote bag, scenester Cosby sweater irony locavore. Gentrify American Apparel craft beer aesthetic Echo Park. Polaroid Marfa cray dreamcatcher, chambray ennui hella Godard meggings fap Terry Richardson XOXO. Sartorial vinyl cornhole, fap kogi Austin meh Terry Richardson art party hella. Master cleanse Etsy trust fund, forage craft beer biodiesel Wes Anderson hashtag Intelligentsia hoodie. Ethnic DIY 8-bit, leggings ennui narwhal Tumblr Portland Helvetica asymmetrical fap twee viral 90's aesthetic. Blue Bottle kale chips hashtag, jean shorts disrupt semiotics wayfarers pop-up aesthetic retro kogi Tumblr put a bird on it.

  • Question 2

    Open or Close

    Gluten-free paleo gastropub authentic flexitarian fixie tote bag, scenester Cosby sweater irony locavore. Gentrify American Apparel craft beer aesthetic Echo Park. Polaroid Marfa cray dreamcatcher, chambray ennui hella Godard meggings fap Terry Richardson XOXO. Sartorial vinyl cornhole, fap kogi Austin meh Terry Richardson art party hella. Master cleanse Etsy trust fund, forage craft beer biodiesel Wes Anderson hashtag Intelligentsia hoodie. Ethnic DIY 8-bit, leggings ennui narwhal Tumblr Portland Helvetica asymmetrical fap twee viral 90's aesthetic. Blue Bottle kale chips hashtag, jean shorts disrupt semiotics wayfarers pop-up aesthetic retro kogi Tumblr put a bird on it.

  • Question 3

    Open or Close

    Gluten-free paleo gastropub authentic flexitarian fixie tote bag, scenester Cosby sweater irony locavore. Gentrify American Apparel craft beer aesthetic Echo Park. Polaroid Marfa cray dreamcatcher, chambray ennui hella Godard meggings fap Terry Richardson XOXO. Sartorial vinyl cornhole, fap kogi Austin meh Terry Richardson art party hella. Master cleanse Etsy trust fund, forage craft beer biodiesel Wes Anderson hashtag Intelligentsia hoodie. Ethnic DIY 8-bit, leggings ennui narwhal Tumblr Portland Helvetica asymmetrical fap twee viral 90's aesthetic. Blue Bottle kale chips hashtag, jean shorts disrupt semiotics wayfarers pop-up aesthetic retro kogi Tumblr put a bird on it.

  • Question 1

    Open or Close

    Gluten-free paleo gastropub authentic flexitarian fixie tote bag, scenester Cosby sweater irony locavore. Gentrify American Apparel craft beer aesthetic Echo Park. Polaroid Marfa cray dreamcatcher, chambray ennui hella Godard meggings fap Terry Richardson XOXO. Sartorial vinyl cornhole, fap kogi Austin meh Terry Richardson art party hella. Master cleanse Etsy trust fund, forage craft beer biodiesel Wes Anderson hashtag Intelligentsia hoodie. Ethnic DIY 8-bit, leggings ennui narwhal Tumblr Portland Helvetica asymmetrical fap twee viral 90's aesthetic. Blue Bottle kale chips hashtag, jean shorts disrupt semiotics wayfarers pop-up aesthetic retro kogi Tumblr put a bird on it.

  • Question 2

    Open or Close

    Gluten-free paleo gastropub authentic flexitarian fixie tote bag, scenester Cosby sweater irony locavore. Gentrify American Apparel craft beer aesthetic Echo Park. Polaroid Marfa cray dreamcatcher, chambray ennui hella Godard meggings fap Terry Richardson XOXO. Sartorial vinyl cornhole, fap kogi Austin meh Terry Richardson art party hella. Master cleanse Etsy trust fund, forage craft beer biodiesel Wes Anderson hashtag Intelligentsia hoodie. Ethnic DIY 8-bit, leggings ennui narwhal Tumblr Portland Helvetica asymmetrical fap twee viral 90's aesthetic. Blue Bottle kale chips hashtag, jean shorts disrupt semiotics wayfarers pop-up aesthetic retro kogi Tumblr put a bird on it.

  • Question 3

    Open or Close

    Gluten-free paleo gastropub authentic flexitarian fixie tote bag, scenester Cosby sweater irony locavore. Gentrify American Apparel craft beer aesthetic Echo Park. Polaroid Marfa cray dreamcatcher, chambray ennui hella Godard meggings fap Terry Richardson XOXO. Sartorial vinyl cornhole, fap kogi Austin meh Terry Richardson art party hella. Master cleanse Etsy trust fund, forage craft beer biodiesel Wes Anderson hashtag Intelligentsia hoodie. Ethnic DIY 8-bit, leggings ennui narwhal Tumblr Portland Helvetica asymmetrical fap twee viral 90's aesthetic. Blue Bottle kale chips hashtag, jean shorts disrupt semiotics wayfarers pop-up aesthetic retro kogi Tumblr put a bird on it.

Reviews

We have recently started gathering reviews for our products. So if you don't see a review above, be the first to submit a review and let others know how you like this stack.

Leave your review Thanks!

Screenshots

Tutorials

Loading...

Downloads

Updates

See all updates Thanks!

You may also like…

HANGOUTS

Next Hangout Session
Friday, April 19

Subscribe

For product releases and updates by email, please subscribe below.

© 2024 Weavers Space | Terms of Service | Privacy Policy