{"id":88697,"date":"2016-02-19T18:29:19","date_gmt":"2016-02-19T17:29:19","guid":{"rendered":"http:\/\/www.ifun.de\/?p=88697"},"modified":"2016-02-19T18:29:19","modified_gmt":"2016-02-19T17:29:19","slug":"floating-browser-fluid-und-helium-halten-web-inhalte-im-vordergrund","status":"publish","type":"post","link":"https:\/\/www.ifun.de\/floating-browser-fluid-und-helium-halten-web-inhalte-im-vordergrund-88697\/","title":{"rendered":"Floating-Browser: Fluid und Helium halten Web-Inhalte im Vordergrund"},"content":{"rendered":"<p>Es gibt verschiedene Gr\u00fcnde, warum man ein Browser-Fenster neben dem Office-Programm oder Photoshop ge\u00f6ffnet haben m\u00f6chte. Manchmal wollen wir einfach nur ein wenig Ablenkung nebenbei genie\u00dfen, manchmal ben\u00f6tigen wir aber auch Informationen, zum Beispiel eine PS Tutorials oder einfach Texte zur Referenz. <\/p>\n<p>Fluid und Helium sind zwei Browser, die auf das wesentliche beschr\u00e4nkt sind und Web-Inhalte ohne (sichtbare) Bedienelemente \u00fcber allen anderen Programmen als schwebendes Fenster anzeigen.<\/p>\n<p>Das Standard-Browser-Fenster ist dagegen oft etwas st\u00f6rrisch. Zum einen hat man oft mehrere Fenster und Tabs ge\u00f6ffnet und sobald man zum Browser wechseln m\u00f6chte, stellen sich die anderen Fenster in den Weg, zum anderen nehmen die zus\u00e4tzlichen Leisten und Bedienelemente mehr Raum ein, als einem lieb ist.<\/p>\n<h2>Fluid Browser<\/h2>\n<p>Fluid Browser ist ein relativ junges Programm und wird derzeit zum <a href=\"https:\/\/itunes.apple.com\/de\/app\/fluid-browser-transparent\/id1077036385?mt=12&#038;uo=4&#038;at=10ltcU\" target=\"_blank\">Einf\u00fchrungspreis von 2,99 \u20ac im Mac AppStore<\/a> angeboten.<\/p>\n<p>So lange das Programm aktiviert ist, zeigt es eine Eingabeleiste f\u00fcr Suche oder direkte Adresse an, zudem Vor-, Zur\u00fcck- und Refresh-Button an. Am rechten Rand ist ein Button f\u00fcr die Historie und Lesezeichen angebracht, au\u00dferdem ein Regler f\u00fcr die Sichtbarkeit respektive Durchsichtigkeit.<\/p>\n<p>Sobald ihr eine Adresse eingegeben habt und die Webseite geladen wurde, k\u00f6nnt ihr den Fokus auf ein anderes Programm richten. Fluid blendet dann automatisch s\u00e4mtliche Elemente, au\u00dferdem dem reinen Renderfenster aus und zeigt die Webinhalte schwebend ohne Beiwerk \u00fcber allen anderen Fenstern an. <\/p>\n<p>Habt ihr die Sichtbarkeit reduziert, zeigt sich das Fenster sogar f\u00fcr Mausklicks durchsichtig, ihr k\u00f6nnt also dahinter liegende Anwendungen aktivieren.<\/p>\n<p>\u00dcber eine <a href=\"https:\/\/chrome.google.com\/webstore\/detail\/fluid-browser\/fddmaojjpeonpjcbmchljncapdpopidg\" target=\"_blank\">Erweiterung f\u00fcr den Chrome Browser<\/a> ist es zudem m\u00f6glich, Seiten die ihr dort aufgerufen habt, direkt an Fluid Browser weiter zu geben.<\/p>\n<p>Etwas st\u00f6rrisch zeigt sich Fluid Browser derzeit noch bei der Verwaltung der Lesezeichen. Es gelingt nicht immer, diese zu speichern und eine \u00c4nderung (Name, URL) funktioniert derzeit leider auch noch nicht. Auch st\u00f6rt der wei\u00dfe Scrollbalken an der Seite etwas, der auch angezeigt wird, wenn es nichts zu scrollen gibt.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/images.ifun.de\/wp-content\/uploads\/2016\/02\/fluid.jpg\" alt=\"fluid\" width=\"700\" height=\"228\" class=\"alignright size-full wp-image-88709\" srcset=\"https:\/\/images.ifun.de\/wp-content\/uploads\/2016\/02\/fluid.jpg 700w, https:\/\/images.ifun.de\/wp-content\/uploads\/2016\/02\/fluid-300x98.jpg 300w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n<h2>Helium<\/h2>\n<p>Helium erhaltet ihr sogar <a href=\"https:\/\/itunes.apple.com\/de\/app\/helium\/id1054607607?mt=12\" target=\"_blank\">kostenlos im Mac AppStore<\/a>, also genau das richtige, um &#8222;Mal&#8220; etwas nebenbei laufen zu lassen.<\/p>\n<p>Helium besitzt keine Eingabezeile. Ihr \u00fcbergebt eine URL oder eine anzeigbare Datei \u00fcber das Men\u00fc des Programms. Daf\u00fcr besitzt das Programm sogenannte &#8222;magic redirects&#8220;. Diese zeigen bei Eingabe einer Video-Url direkt das Video an und nicht etwa die komplette YouTube-Seite.<\/p>\n<p>Im Gegensatz zu Fluid Browser zeigt Helium eine kleine Titelleiste am oberen Fensterrand. Eigentlich ist das unn\u00f6tig, da man ja nur eine einzelne Datei in Helium \u00f6ffnen kann &#8211; andererseits ist die Zeile sehr dezent und nicht weiter st\u00f6rend.<\/p>\n<p>Das Fenster von Helium l\u00e4sst sich nicht optimal an den Inhalt anpassen &#8211; es bleibt praktisch immer irgendwo ein kleiner Rand stehen.<\/p>\n<p>Helium besitzt ebenfalls die M\u00f6glichkeit, das Fenster zu dimmen &#8211; diese Option muss man allerdings erst einmal aktivieren. <\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/images.ifun.de\/wp-content\/uploads\/2016\/02\/helium.jpg\" alt=\"helium\" width=\"700\" height=\"533\" class=\"alignright size-full wp-image-88710\" srcset=\"https:\/\/images.ifun.de\/wp-content\/uploads\/2016\/02\/helium.jpg 700w, https:\/\/images.ifun.de\/wp-content\/uploads\/2016\/02\/helium-300x228.jpg 300w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<a href=\"https:\/\/www.ifun.de\/floating-browser-fluid-und-helium-halten-web-inhalte-im-vordergrund-88697\/\"><img width=\"150\" height=\"150\" src=\"https:\/\/images.ifun.de\/wp-content\/uploads\/2016\/02\/balloon-150x150.jpg\" class=\"alignright tfe wp-post-image\" alt=\"\" decoding=\"async\" loading=\"lazy\" srcset=\"https:\/\/images.ifun.de\/wp-content\/uploads\/2016\/02\/balloon-150x150.jpg 150w, https:\/\/images.ifun.de\/wp-content\/uploads\/2016\/02\/balloon-300x300.jpg 300w, https:\/\/images.ifun.de\/wp-content\/uploads\/2016\/02\/balloon.jpg 352w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/a><p>Es gibt verschiedene Gr\u00fcnde, warum man ein Browser-Fenster neben dem Office-Programm oder Photoshop ge\u00f6ffnet haben m\u00f6chte. Manchmal wollen wir einfach nur ein wenig Ablenkung nebenbei genie\u00dfen, manchmal ben\u00f6tigen wir aber auch Informationen, zum Beispiel eine PS Tutorials oder einfach Texte zur Referenz. Fluid und Helium sind zwei Browser, die auf das wesentliche beschr\u00e4nkt sind und [&hellip;]<\/p>\n","protected":false},"author":18,"featured_media":88712,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[5],"tags":[211,2966,2965],"class_list":["post-88697","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-apps","tag-browser","tag-fluid-browser","tag-on-top-browser"],"acf":[],"aioseo_notices":[],"featured_image":["http:\/\/images.ifun.de\/wp-content\/uploads\/2016\/02\/ontopbrowser-feat-1.jpg"],"rest_api_enabler":{"featured_image":"http:\/\/images.ifun.de\/wp-content\/uploads\/2016\/02\/ontopbrowser-feat-1.jpg"},"_links":{"self":[{"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/posts\/88697","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/comments?post=88697"}],"version-history":[{"count":7,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/posts\/88697\/revisions"}],"predecessor-version":[{"id":88717,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/posts\/88697\/revisions\/88717"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/media\/88712"}],"wp:attachment":[{"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/media?parent=88697"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/categories?post=88697"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/tags?post=88697"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}