{"id":1970,"date":"2018-07-29T17:04:25","date_gmt":"2018-07-29T23:04:25","guid":{"rendered":"https:\/\/2018.denver.wordcamp.org\/?p=1970"},"modified":"2018-07-30T17:09:50","modified_gmt":"2018-07-30T23:09:50","slug":"why-ghost-brower-is-a-powerful-web-development-tool","status":"publish","type":"post","link":"https:\/\/denver.wordcamp.org\/2018\/why-ghost-brower-is-a-powerful-web-development-tool\/","title":{"rendered":"Why Ghost Brower is a Powerful Web Development Tool"},"content":{"rendered":"

[Editor’s note: Thanks so much to Ghost Browser for sponsoring WordCamp Denver. They wanted to share the following guest post<\/em> \ud83d\ude0a]<\/em><\/p>\n

Your web browser is holding you back in the daily grind of building and marketing WordPress sites.<\/p>\n

This post discusses how that affects both your quality of work and stress levels when building, developing and QA testing WordPress websites as well as doing SEO, and writing and marketing content on social media sites.<\/p>\n

We have all found and fallen in love with different tools that support our workflow. But for many of us who use a browser more than any other tool in our arsenal, the time has come to ask if we are getting what we need out of the big three browsers and start looking for a solution that supports our workflow instead of getting in the way of it.<\/p>\n

The Cost of Using Standard Browsers<\/h2>\n

We don\u2019t use email for customer support. We use tools like HelpScout or ZenDesk. We don\u2019t use Google Docs for project management, we use Basecamp, Jira or something similar. We don\u2019t use FTP to manage our complex codebase, we use Git.<\/p>\n

So why do we use browsers that were not intended for doing work in the web?
\nBrowsers \u2013 especially the ones that are more intent on tracking you \u2013 force you into weird workflows like making you constantly log in and out, and create unique problems like tab bloat that interrupt our concentration and deep work.<\/p>\n

For example, when things go well, logging out of one account on a website and logging back in takes an average of 17 seconds \u2013 assuming you get redirected to the page that you want to see after logging in.<\/p>\n

Add to that the problem of tab bloat. If you start work at 9 a.m., by 10 a.m. your browser is generally so full of tabs that you have to start clicking through a lot of them to find what you really need.<\/p>\n

And how often do you start clicking through tabs and find something that pulls your attention away from the task that you are doing?<\/p>\n

This affects our work quality and our mood. Research shows that it takes up to 23 minutes to fully recover from distractions like these and get back to deep work. So we\u2019re basically spending all day trying to regain our focus and never get to focus on deep work unless we are working in only a couple of tabs.<\/p>\n

And that puts us in a poor mental state that research has also shown affects our mood and relationships with our colleagues, vendors and customers.
\nIt\u2019s not a good situation.<\/p>\n

We built Ghost Browser to fix these problems \u2013 among others.<\/p>\n

Enter Ghost Browser<\/h2>\n

Here\u2019s how it works. Ghost Browser was built from the ground up with productivity in mind. It was built on Chromium so you can bring all of your Chrome extensions, but other than that, we quickly depart from the old web browser model.<\/p>\n

Although it\u2019s used by many people outside of the WordPress community, it was actually when I was building a membership site in WordPress that I decided that browsers are broken and we needed a solution.<\/p>\n

\"\"Ghost Browser is built on four very important features that will make you more productive: A Sidebar, Workspaces, Sessions, Identities. We also have tab drag-n-drop and Ghost Proxy Control which allows you to assign a different proxy to each tab and automate how your proxies are distributed. Let\u2019s cover the first four features first.
\nSidebar
\nBrowser tabs were a terrible idea. We only use them because they have been forced down our throats. What other feature do you know of that gets harder to use the more you use it?
\nBy the time 10 a.m. hits in a normal browser, your browser is already hiding your tab titles from you. Chrome recently \u2018innovated\u2019 tabs by changing the shape of them when they should have just made them disappear \u2013 that would be a real innovation.<\/p>\n

In today\u2019s world, monitors are wider so there is more horizontal space. Vertical space is now at a premium though so why not move the tabs to the side of the browser where you can make them wide enough to actually read and navigate? You can use the sidebar in compact or wide mode or not use it at all.<\/p>\n

Workspaces<\/h2>\n

\"\"The twenty tabs open in your browser right now are not all related. Yet you still need most of them. Workspaces give you an easy way to group your tabs into related sets.<\/p>\n

Think of making each project or task you are working on as a \u2018Workspace\u2019. Each Workspace has only the tabs you need to get that particular thing done, so it becomes central to focus and deep work.<\/p>\n

With one click you can switch from one Workspace to another. So when you are done or \u2018done for now\u2019 with one thing, you switch Workspaces. Your old Workspace is saved in it\u2019s current state, but just closed so that only the tabs for your new Workspace are active in your browser.<\/p>\n

This will save you a lot of setup time when a client suddenly calls you or when you are just transitioning to a new task in your work day. It\u2019s so easy it will remove the stress of constantly needing to manage your browser.<\/p>\n

You can dedicate one Workspace to each client. Or one Workspace to each QA task you have to do. Or one Workspace to each blog post you are researching. The possibilities are endless and let you divide your varying tasks up however you want.<\/p>\n

Sessions<\/h2>\n

Workspaces become even more powerful with Sessions. Sessions are color-coded tabs that have isolated cookie jars so you can be logged into one web site with multiple accounts all in the same browser window.<\/p>\n

This is really helpful when managing multiple social media accounts but it\u2019s great for building WordPress sites too.<\/p>\n

Imagine you are setting up content for a membership site. You have certain discounts available to certain members on your pricing page but want to make sure that not everyone sees the discounts. You know the game \u2013 use member level shortcodes to wrap content, then test the logged in and logged out states for all of the member levels to make sure it\u2019s coming out correctly.<\/p>\n

This could take all day with one browser of even if you are using multiple browsers.<\/p>\n

But with Sessions you can log in as an Admin, Gold Member, Silver Member, Bronze Member and Free user all at once. You\u2019d probably keep one Session open to review the logged out visitors\u2019 experience too. Do your work in the Admin tab, then simply refresh the tabs and see how the changes look.<\/p>\n

No logging in and out. No multiple browsers.<\/p>\n

Sessions are ideal for any WordPress site with multiple user levels. But they can also be used to log into multiple social media accounts, multiple Google accounts or any other web site that you have multiple accounts for.<\/p>\n

And when used in conjunction with Workspaces, it means you can fire up all of those accounts and still be logged in to all of them when you switch back to that Workspace later in the day.<\/p>\n

Identities<\/h2>\n

\"\"Identities are like Sessions, but more permanent. With Sessions, once you close all of the tabs of one color, that cookie jar is destroyed. Identities are actually a better tool for the use cases above because chances are that you will need to log in to them again. And with Identities, you get to keep the cookies and stay signed into your accounts even if you close all of your Identities tabs.<\/p>\n

If one Workspace in Ghost Browser is \u2018Pricing Page with Discounts\u2019 and another is \u2018Test Forum Access\u2019, you\u2019ll want to be logged into all of your membership levels in both Workspaces. So you should use Identities instead of Sessions.<\/p>\n

Identities use the same cookie jar across all Workspaces and allow you to assign a custom name and tab color to help keep you organized.<\/p>\n

Identities, like Sessions, also show in the sidebar so navigating among them is a breeze.<\/p>\n

Other Extras<\/h2>\n

In addition to our basic advances listed above, Ghost Browser also offers Ghost Proxy Control, an industry-first feature that allows you to assign a different proxy to each Workspace, Session, Identity or tab. This is invaluable if you are managing a lot of social media accounts, developing sites that appear differently in different countries or need to spot check local ads.<\/p>\n

Finally, the ability to drag-n-drop tabs between Workspaces, Sessions and Identities makes it all very easy to manage.<\/p>\n

Since Ghost Browser is built on Chromium, you can bring your favorite extensions and still use common features like pinned tabs and tab muting.<\/p>\n

Start Saving Hours Every Day<\/h2>\n

The idea of paying for a browser is new and maybe a little foreign, we understand. In fact, our users list it as their number one hesitation in signing up, but soon find it\u2019s worth it. Don\u2019t take our word for it though. Our testimonials<\/a> do the talking for us. And our case studies<\/a> show that some users are saving hours every week and in some cases, every day.<\/p>\n

As WordPress professionals, we pay for all kinds of productivity tools to help us get quality work done faster, so in that context, considering an upgrade to the tool we use every single day does not seem so crazy.<\/p>\n

We have an extended trial set up for WordCamp Denver attendees and we\u2019ll also be giving out T-shirts and some other awesome swag so stop by to see us at our booth. We would love to hear about new ways we can help you (and help ourselves) create better and faster projects with WordPress.<\/p>\n","protected":false},"excerpt":{"rendered":"

[Editor’s note: Thanks so much to Ghost Browser for sponsoring WordCamp Denver. They wanted to share the following guest post \ud83d\ude0a] Your web browser is holding you back in the daily grind of building and marketing WordPress sites. This post … Continue reading Why Ghost Brower is a Powerful Web Development Tool<\/span> →<\/span><\/a><\/p>\n","protected":false},"author":12967268,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[18896],"tags":[],"class_list":["post-1970","post","type-post","status-publish","format-standard","hentry","category-sponsor-posts"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p9tyLo-vM","_links":{"self":[{"href":"https:\/\/denver.wordcamp.org\/2018\/wp-json\/wp\/v2\/posts\/1970","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/denver.wordcamp.org\/2018\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/denver.wordcamp.org\/2018\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/denver.wordcamp.org\/2018\/wp-json\/wp\/v2\/users\/12967268"}],"replies":[{"embeddable":true,"href":"https:\/\/denver.wordcamp.org\/2018\/wp-json\/wp\/v2\/comments?post=1970"}],"version-history":[{"count":3,"href":"https:\/\/denver.wordcamp.org\/2018\/wp-json\/wp\/v2\/posts\/1970\/revisions"}],"predecessor-version":[{"id":1976,"href":"https:\/\/denver.wordcamp.org\/2018\/wp-json\/wp\/v2\/posts\/1970\/revisions\/1976"}],"wp:attachment":[{"href":"https:\/\/denver.wordcamp.org\/2018\/wp-json\/wp\/v2\/media?parent=1970"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/denver.wordcamp.org\/2018\/wp-json\/wp\/v2\/categories?post=1970"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/denver.wordcamp.org\/2018\/wp-json\/wp\/v2\/tags?post=1970"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}