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.

$19.95 Thanks!

License Info

Features

Demo

Reviews

Screenshots

Tutorials

Downloads

Updates

Key Features

Split Up Content

You can split your content into sections that can be expanded and collapsed.

Section Links

You can easily link to any section inside SqueezeBox.

Responsive

Provides an optimal viewing experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices.

Demo

Clean and Flexible
Open or Close

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

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

SqueezeBox ships with additional arrows that you can use to further customize the look and feel.
Want More Styling?
Open or Close

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
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
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
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
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!

Download
Stacks
Open or Close
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

5/5 (1 review)

Andrew Longfield

"I love this stack - I have used it to just keep a page tidy with drop-down panels, and as a powerful layout tool for presenting more complex information in an intuitive way. So elegant and beautifully simple."

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!