{"id":785,"date":"2011-11-27T11:31:11","date_gmt":"2011-11-27T10:31:11","guid":{"rendered":"https:\/\/sgaul.de\/?p=785"},"modified":"2014-03-13T21:34:52","modified_gmt":"2014-03-13T20:34:52","slug":"fiwa-eine-fast-native-menuleiste","status":"publish","type":"post","link":"https:\/\/sgaul.de\/2011\/11\/27\/fiwa-eine-fast-native-menuleiste\/","title":{"rendered":"FIWA: Eine fast native Men\u00fcleiste"},"content":{"rendered":"<p>Schon seit l\u00e4ngerem bin ich auf der Suche nach einem HTML-CSS-JS-Framework, welches sich m\u00f6glichst genau an das eigene Betriebssystem anpasst und im Anwendungsmodus des Browsers gar nicht als Webdienst auff\u00e4llt. Leider konnte ich dazu nie etwas finden, daher habe ich mit FIWA (\u201eFramework for Integrated Web Applications\u201c) einfach mal einen eigenen Ansatz gestartet. Als erstes ist nun eine recht brauchbare Men\u00fcleiste fertig geworden.<!--more--><\/p>\n<h2>FIWA Menubar<\/h2>\n<p>Die Men\u00fcleiste verh\u00e4lt sich nun ziemlich genau wie die in GTK (und somit hoffentlich auch den meisten anderen Toolkits, viele Tests konnte ich noch nicht machen):<\/p>\n<ul>\n<li>immer normaler Mauszeiger<\/li>\n<li>Hover-Hervorhebung nur, wenn irgend ein Teil des Men\u00fcs offen<\/li>\n<li>Untermen\u00fcs bleiben offen bis Klick irgendwo im Dokument<\/li>\n<li>ist Untermen\u00fc offen, werden andere Untermen\u00fcs schon durch dar\u00fcberfahren ge\u00f6ffnet und das vorige geschlossen<\/li>\n<\/ul>\n<p>Leider wird die Funktionsweise durch eine Screenshot kaum deutlich.<\/p>\n<figure id=\"attachment_786\" aria-describedby=\"caption-attachment-786\" style=\"width: 345px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/sgaul.de\/wp-content\/uploads\/2011\/11\/fiwa-menubar.png\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-786\" title=\"fiwa-menubar\" src=\"https:\/\/sgaul.de\/wp-content\/uploads\/2011\/11\/fiwa-menubar.png\" alt=\"\" width=\"345\" height=\"208\" srcset=\"https:\/\/sgaul.de\/wp-content\/uploads\/2011\/11\/fiwa-menubar.png 345w, https:\/\/sgaul.de\/wp-content\/uploads\/2011\/11\/fiwa-menubar-300x180.png 300w\" sizes=\"(max-width: 345px) 100vw, 345px\" \/><\/a><figcaption id=\"caption-attachment-786\" class=\"wp-caption-text\">FIWA Menubar<\/figcaption><\/figure>\n<h2>\u00a0Das Design<\/h2>\n<p>F\u00fcr die perfekte Systemintegration ben\u00f6tigt man vor allem ein passendes Theme. Ich habe mich vorerst dazu entschieden, keiner speziellen Vorgabe zu folgen, um eine m\u00f6glichst allgemeine L\u00f6sung zu finden, f\u00fcr die man sp\u00e4ter dann verschiedene Designs erstellen kann.<\/p>\n<h2>Einschr\u00e4nkungen<\/h2>\n<p>In Chrome und Firefox funktioniert die Men\u00fcleiste tadellos. Ich m\u00f6chte mich bewusst auf moderne Browser beschr\u00e4nken. Im Zweifel kann lieber jemand zehn Minuten in sein IE-6-Update stecken als ich jetzt drei Stunden um es da zum Laufen zu kriegen.<\/p>\n<p>Eine etwas gr\u00f6\u00dfere Einschr\u00e4nkung ist da die Tatsache, dass das Men\u00fc derzeit nur zwei tief verschachtelt werden darf. Jede weitere Ebene ist etwas problematischer, da diese ja neben dem aktuellen Unterpunkt positioniert werden m\u00fcssen. Aber auch das sollte in absehbarer Zeit machbar sein.<\/p>\n<h2>Download<\/h2>\n<p>Die Sache ist noch nicht im Ansatz fertig. Wer aber schon einmal hineinsehen m\u00f6chte, kann das \u00fcber das entsprechende Github-Projekt tun:<\/p>\n<ul>\n<li><a href=\"https:\/\/github.com\/SebastianG86\">SebastianG86\u00a0\/\u00a0FIWA auf Github<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Schon seit l\u00e4ngerem bin ich auf der Suche nach einem HTML-CSS-JS-Framework, welches sich m\u00f6glichst genau an das eigene Betriebssystem anpasst und im Anwendungsmodus des Browsers gar nicht als Webdienst auff\u00e4llt. Leider konnte ich dazu nie etwas finden, daher habe ich mit FIWA (\u201eFramework for Integrated Web Applications\u201c) einfach mal einen eigenen Ansatz gestartet. Als erstes ist nun eine recht brauchbare Men\u00fcleiste fertig geworden.<\/p>\n","protected":false},"author":1,"featured_media":786,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[91],"tags":[38,257,261,90,179,111,58],"_links":{"self":[{"href":"https:\/\/sgaul.de\/wp-json\/wp\/v2\/posts\/785"}],"collection":[{"href":"https:\/\/sgaul.de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sgaul.de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sgaul.de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sgaul.de\/wp-json\/wp\/v2\/comments?post=785"}],"version-history":[{"count":6,"href":"https:\/\/sgaul.de\/wp-json\/wp\/v2\/posts\/785\/revisions"}],"predecessor-version":[{"id":2104,"href":"https:\/\/sgaul.de\/wp-json\/wp\/v2\/posts\/785\/revisions\/2104"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sgaul.de\/wp-json\/wp\/v2\/media\/786"}],"wp:attachment":[{"href":"https:\/\/sgaul.de\/wp-json\/wp\/v2\/media?parent=785"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sgaul.de\/wp-json\/wp\/v2\/categories?post=785"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sgaul.de\/wp-json\/wp\/v2\/tags?post=785"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}