{"componentChunkName":"component---src-templates-post-jsx","path":"/blog/why-you-need-a-development-browser/","result":{"data":{"mdx":{"body":"function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\nconst _frontmatter = {\n  \"title\": \"Why you need a development browser\",\n  \"cover\": \"\",\n  \"date\": \"2019-04-25\"\n};\nconst layoutProps = {\n  _frontmatter\n};\nconst MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  let {\n    components\n  } = _ref,\n      props = _objectWithoutProperties(_ref, [\"components\"]);\n\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"p\", null, `You're probably looking at this site in Google Chrome or Firefox. That's fine, that's exactly what they're for:\nbrowsing the web, and being really, really good at browsing the web. They're built for that. They're built for searching\nthings and streaming videos and for sharing funny cat videos.`), mdx(\"p\", null, `But they're not built for web development. Not really.`), mdx(\"h2\", {\n    \"id\": \"and-thats-kind-of-weird\"\n  }, `And that's kind of weird.`), mdx(\"p\", null, `You're not using a pdf editor or a word processor to write code, you use a text editor or even an IDE that's filled to the\nbrim with features that make you a better developer. You're designing in tools that are specifically made for UI design,\nnot drawing pixels in MS Paint or tools made to edit photo's (right?) So `, mdx(\"strong\", {\n    parentName: \"p\"\n  }, `why is your browser not also an highly-optimised\ntool that makes you more efficient and better at your job?`)), mdx(\"p\", null, `Simply, modern browsers are built to consume the web, not create the web. With Polypane, we're changing that. Polypane is\na browser where, for every feature, every bit of design and every bit of code, we figure out how we can make you better\nand more efficient at your job.`), mdx(\"p\", null, `And we think we're doing a pretty good job.`), mdx(\"p\", null, `Polypane is the only browser that lets you develop a website for all viewports and devices at once, and gives you the best\noverview of them. It's the only browser that has built-in features like `, mdx(\"strong\", {\n    parentName: \"p\"\n  }, `breakpoint detection`), `, `, mdx(\"strong\", {\n    parentName: \"p\"\n  }, `css layout debugging`), ` and\n`, mdx(\"strong\", {\n    parentName: \"p\"\n  }, `multi-pane screenshots`), `. All these features help you get more done, faster.`), mdx(\"h2\", {\n    \"id\": \"what-about-devtools\"\n  }, `What about devtools?`), mdx(\"p\", null, `Devtools are `, mdx(\"em\", {\n    parentName: \"p\"\n  }, `awesome`), `, there's no denying that. That's why Polypane ships with the same powerful devtools as Chromium.`), mdx(\"p\", null, `For consumer browsers, devtools are a tacked-on piece of software. They're `, mdx(\"em\", {\n    parentName: \"p\"\n  }, `in`), ` the browser but\nthey're not really `, mdx(\"em\", {\n    parentName: \"p\"\n  }, `part of`), ` the browser. We think devtools can extend way beyong the right side or bottom part of your\nbrowser. With Polypane, `, mdx(\"strong\", {\n    parentName: \"p\"\n  }, `your browser is the devtool`), `.`), mdx(\"h2\", {\n    \"id\": \"stop-resizing-your-browser\"\n  }, `Stop resizing your browser`), mdx(\"p\", null, `When you start using Polypane, even if you're not using any of the previously mentioned functions, you're already\nspeeding up your workflow and being more efficient. `, mdx(\"strong\", {\n    parentName: \"p\"\n  }, `You're no longer doing the single most-used action by developers`), `:\nresizing their browser.`), mdx(\"p\", null, `Just switching to Polypane means your days of wiggling the right side of your browser (or opening devtools) just to resize\na page, are over.`), mdx(\"p\", null, `Thats because in Polypane, you're always in responsive mode. You're also always in full-screen mode. Using Polypane gives you the\nfull overview. `, mdx(\"a\", {\n    href: \"/product-tour/\"\n  }, `Read more about Polypane's benefits`), `.`));\n}\n;\nMDXContent.isMDXComponent = true;","timeToRead":2,"tableOfContents":{"items":[{"url":"#and-thats-kind-of-weird","title":"And that's kind of weird."},{"url":"#what-about-devtools","title":"What about devtools?"},{"url":"#stop-resizing-your-browser","title":"Stop resizing your browser"}]},"excerpt":"You're probably looking at this site in Google Chrome or Firefox. That's fine, that's exactly what they're for:\nbrowsing the web, and being really, really good…","frontmatter":{"title":"Why you need a development browser","cover":"","date":"2019-04-25","updated":null},"fields":{"slug":"/blog/why-you-need-a-development-browser/","date":"2019-04-24T22:00:00.000Z","ogFileName":"why-you-need-a-development-browser"}}},"pageContext":{"slug":"/blog/why-you-need-a-development-browser/"}},"staticQueryHashes":["4164364741","425175329"]}