Workspaces allow you to save your favorite sets of panes and switch quickly between them. For example, you can have your device lab saved in one workspace, and your desktop sizes in another. Polypane comes with a default set of workspaces based on popular device sizes and CSS frameworks.
You can manage your workspaces by using the Workspace management panel. This will show you a visual overview of your workspaces and let you save, restore, import and export them.
Each of your custom workspaces come with a number, 1 through 9, that make it easy to save and restore them with a keyboard shortcut. To save your current set of panes into a workspace, press
shift ctrl/cmd 1-9 where the number is the workspace you want to save it to. To retrieve a workspace, press
Polypane comes with 9 built-in workspaces, available in the workspaces panel.
Workspaces based on Google analytics
The best dimensions to use are the ones that are actually used by your visitors, so we created a small online tool that will let you generate a workspace from your most used browser dimensions according to Google Analytics.
Visit it here: Workspace creator
You can download and import new workspaces from anywhere, making it easy to share workspaces with your team. See Workspace management for more on that. Though Polypane ships with a few default workspaces, there's always other useful workspaces. Below are a few additional ones:
- Foundation - Breakpoints for the Foundation CSS framework.
- Ionic - Breakpoints for the Ionic framework.
- Materialize - Breakpoints for the Materialize framework
- Semantic UI - Breakpoints for the Semantic UI framework
- Skeleton - Breakpoints for the Skeleton framework
- UIKit - Breakpoints for the UIKit framework
- Halfmoon - Breakpoints for the Halfmoon framework
For a full overview check our blog article CSS breakpoints used by popular CSS frameworks
Is your question not answered?
Ask via Twitter, Slack or our contact form