Ambiance – Sebastians Blog https://sgaul.de Neues aus den Softwareminen Thu, 13 Mar 2014 20:34:52 +0000 de-DE hourly 1 https://wordpress.org/?v=6.1.7 https://sgaul.de/wp-content/uploads/2019/02/cropped-sgaul-2-1-32x32.jpg Ambiance – Sebastians Blog https://sgaul.de 32 32 FIWA-Update: Toolbars https://sgaul.de/2011/12/07/fiwa-update-toolbars/ https://sgaul.de/2011/12/07/fiwa-update-toolbars/#comments Wed, 07 Dec 2011 15:08:34 +0000 https://sgaul.de/?p=806 Heute gibt es ein kleines Update für mein „Framework for Integrated Web Applications“ – FIWA. Ab sofort gibt es auch eine Toolbar, die sich ziemlich genau wie die eines typischen Betriebssystem-Toolkits verhält.

Es ist wieder nur ein kleiner Schritt, macht aber wieder deutlicher, wo die Reise hingeht:

Die Schaltfläche „New“ im Bild zeigt den Hover-Effekt. Beim Machen des Screenshots wurde der Mauszeiger nicht aufgenommen.

Jetzt fehlt vor allem noch ein sinnvolles Grid-System und ein Tabellendesign, vor allem aber ein richtiges Projekt, mit dem man etwas Praxiserfahrung sammeln kann.

]]> https://sgaul.de/2011/12/07/fiwa-update-toolbars/feed/ 2 Erster Theme-Ansatz für FIWA: Ubuntus Ambiance https://sgaul.de/2011/11/28/erster-theme-ansatz-fur-fiwa-ubuntus-ambiance/ https://sgaul.de/2011/11/28/erster-theme-ansatz-fur-fiwa-ubuntus-ambiance/#comments Mon, 28 Nov 2011 22:23:56 +0000 https://sgaul.de/?p=792 Um mir selbst ein Bild davon zu machen, wie genau eine Webanwendung einem nativen Programm ähneln kann, habe ich für die Menüleiste von FIWA ein Theme erstellt. Meine Wahl ist dabei auf das System gefallen, das ich hier auch selber nutze: Ubuntu 10.10 mit dem entsprechenden Ambiance-Theme. Und ehrlich gesagt bin ich von den Ergebnissen positiv überrascht.

Referenz: Ambiance aus Ubuntu 10.10

Hier meine Vorlage:

Es ist zwar nicht mehr die aktuelle Variante, allerdings ist eine Umstellung auf die neueren Ambiance-Variante mit der jetzt gemachten Vorarbeit kein Problem mehr.

HTML-Ambiance-Theme

Meine derzeitige Umsetzung beschränkt sich, wie bereits erwähnt, auf die Menüleiste:

Oder mit offenem Menü:

Zugegeben: Das ist alles noch nicht wirklich brauchbar. Dennoch zeigt es, wohin die Reise gehen kann, wenn man sich wirklich die Mühe macht. Mit HTML 5 und CSS 3 kann man viele recht aufwändige Effekte ohne viel Arbeit realisieren: Schrift mit Schatten hinterlegen, Ecken abrunden oder Farbverläufe – so macht Designen Spaß.

]]> https://sgaul.de/2011/11/28/erster-theme-ansatz-fur-fiwa-ubuntus-ambiance/feed/ 4