{"id":353719,"date":"2021-10-13T15:50:47","date_gmt":"2021-10-13T22:50:47","guid":{"rendered":"https:\/\/css-tricks.com\/?p=353719"},"modified":"2021-10-13T15:50:49","modified_gmt":"2021-10-13T22:50:49","slug":"bonsai-browser","status":"publish","type":"post","link":"https:\/\/css-tricks.com\/bonsai-browser\/","title":{"rendered":"Bonsai Browser"},"content":{"rendered":"\n<blockquote class=\"wp-block-quote is-style-default is-layout-flow wp-block-quote-is-layout-flow\"><p>Web-browser for research that helps programmers think clearly.<\/p><\/blockquote>\n\n\n\n<p>With <a href=\"https:\/\/bonsaibrowser.com\/\" rel=\"noopener\">Bonsai<\/a>, rather than being like, <q>I&#8217;m going to go use my web browser now,<\/q> you hit <kbd>Option<\/kbd> + <kbd>Space<\/kbd> and it brings up a browser. It&#8217;s either full-screen or a very minimal float-over-everything window. You can visually organize things into Workspaces. I can see it being quite good for research, but also just getting you to think differently about what a &#8220;web browser&#8221; interface can be and do for you. <\/p>\n\n\n\n<!--more-->\n\n\n\n<figure class=\"wp-block-video wp-block-embed is-type-video is-provider-videopress\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"VideoPress Video Player\" aria-label='VideoPress Video Player' width='500' height='313' src='https:\/\/videopress.com\/embed\/xzbefI74?playsinline=1&amp;preloadContent=metadata&amp;hd=0&amp;cover=1' frameborder='0' allowfullscreen data-resize-to-parent=\"true\" allow='clipboard-write'><\/iframe><script src='https:\/\/v0.wordpress.com\/js\/next\/videopress-iframe.js?m=1674852142'><\/script>\n<\/div><\/figure>\n\n\n\n<p>Perhaps for what we&#8217;re losing in browser <em>engine<\/em> diversity, we&#8217;ll gain in browser <em>UI\/UX<\/em> diversity.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Web-browser for research that helps programmers think clearly. With Bonsai, rather than being like, I&#8217;m going to go use my web browser now, you hit Option + Space and it brings up a browser. It&#8217;s either full-screen or a very minimal float-over-everything window. You can visually organize things into Workspaces. I can see it being [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":353741,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"sig_custom_text":"","sig_image_type":"featured-image","sig_custom_image":0,"sig_is_disabled":false,"inline_featured_image":false,"c2c_always_allow_admin_comments":false,"footnotes":"","jetpack_publicize_message":"Perhaps for what we're losing in browser _engine_ diversity, we'll gain in browser _UI\/UX_ diversity.","jetpack_is_tweetstorm":false,"jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":[]},"categories":[17],"tags":[1051],"jetpack_publicize_connections":[],"acf":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2021\/10\/bonsai-browser-logo.png?fit=1200%2C600&ssl=1","jetpack-related-posts":[{"id":235849,"url":"https:\/\/css-tricks.com\/building-a-better-web-browser\/","url_meta":{"origin":353719,"position":0},"title":"Building a Better Web Browser","date":"December 16, 2015","format":false,"excerpt":"James Mickens, an associate professor of computer science at Harvard, gave a talk about the various flaws of web browsers and how we might go about making them more secure and robust: To fix the browser, we need to radically restructure the browser architecture\u2026so in particular I propose that we\u2026","rel":"","context":"In &quot;Link&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":269935,"url":"https:\/\/css-tricks.com\/server-side-visualization-with-nightmare\/","url_meta":{"origin":353719,"position":1},"title":"Server-Side Visualization With Nightmare","date":"April 24, 2018","format":false,"excerpt":"This is an extract from chapter 11 of Ashley Davis\u2019s book Data Wrangling with JavaScript now available on the Manning Early Access Program. I absolutely love this idea as there is so much data visualization stuff on the web that relies on fully functioning client side JavaScript and potentially more\u2026","rel":"","context":"In &quot;Article&quot;","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2018\/04\/data-wrangling-with-javascript.jpg?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":2090,"url":"https:\/\/css-tricks.com\/browser-detection-is-bad\/","url_meta":{"origin":353719,"position":2},"title":"Browser Detection is Bad","date":"January 28, 2009","format":false,"excerpt":"And here is why: It is against the spirit of web standards The whole reason that web standards exist is so that we don't have to write specific code for specific environments. We should write code that adheres to established standards and software in charge of displaying our code should\u2026","rel":"","context":"In &quot;Article&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":2705,"url":"https:\/\/css-tricks.com\/new-poll-sans-developer-tools-browser-choice\/","url_meta":{"origin":353719,"position":3},"title":"New Poll: Sans-Developer Tools Browser Choice","date":"May 6, 2009","format":false,"excerpt":"I bet a lot of us around here use Firefox as our main browser. I really like Firefox. I think the interface is pretty nice, but what put its so far ahead of the other browsers for me is the huge ecosystem of Add-ons. And not just the killer eye\u2026","rel":"","context":"In &quot;Article&quot;","img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":257120,"url":"https:\/\/css-tricks.com\/browser-statistics-matter\/","url_meta":{"origin":353719,"position":4},"title":"The Browser Statistics That Matter","date":"July 27, 2017","format":false,"excerpt":"Have you ever had a web development related conversation discussion where someone brought up global browser usage statistics? I might be a little weird, but I\u2019d say I at least overhear a conversation like just about every day: I\u2019d love to use FANCY NEW FEATURE, but it\u2019s not supported SOME\u2026","rel":"","context":"In &quot;Article&quot;","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2017\/07\/1080x0180.jpg?fit=1080%2C1080&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]},{"id":275463,"url":"https:\/\/css-tricks.com\/the-ecological-impact-of-browser-diversity\/","url_meta":{"origin":353719,"position":5},"title":"The Ecological Impact of Browser Diversity","date":"August 30, 2018","format":false,"excerpt":"Early in my career when I worked at agencies and later at Microsoft on Edge, I heard the same lament over and over: \"Argh, why doesn\u2019t Edge just run on Blink? Then I would have access to ALL THE APIs I want to use and would only have to test\u2026","rel":"","context":"In &quot;Article&quot;","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/css-tricks.com\/wp-content\/uploads\/2018\/08\/ecology-featured.jpg?fit=1200%2C600&ssl=1&resize=350%2C200","width":350,"height":200},"classes":[]}],"_links":{"self":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/353719"}],"collection":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/comments?post=353719"}],"version-history":[{"count":3,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/353719\/revisions"}],"predecessor-version":[{"id":353740,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/posts\/353719\/revisions\/353740"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media\/353741"}],"wp:attachment":[{"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/media?parent=353719"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/categories?post=353719"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/css-tricks.com\/wp-json\/wp\/v2\/tags?post=353719"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}