Comments on: Copper: an experiment with CSS http://blogs.gnome.org/metacity/2009/07/15/copper-an-experiment-with-css/ "Many window managers are like Marshmallow Froot Loops; Metacity is like Cheerios." Sun, 26 Sep 2010 15:08:40 +0000 hourly 1 http://wordpress.org/?v=3.3.1 By: George Antoniadis http://blogs.gnome.org/metacity/2009/07/15/copper-an-experiment-with-css/comment-page-1/#comment-1079 George Antoniadis Mon, 20 Jul 2009 08:06:38 +0000 http://blogs.gnome.org/metacity/?p=606#comment-1079 Something interesting but possibly hard to make happen is the "template layout" of css3. http://www.w3.org/TR/2009/WD-css3-layout-20090402/ Would be a very interesting way to create panels and stuff inside windows. Something interesting but possibly hard to make happen is the “template layout” of css3.

http://www.w3.org/TR/2009/WD-css3-layout-20090402/

Would be a very interesting way to create panels and stuff inside windows.

]]> By: More CSS thoughts - …for the adult in you http://blogs.gnome.org/metacity/2009/07/15/copper-an-experiment-with-css/comment-page-1/#comment-1061 More CSS thoughts - …for the adult in you Sat, 18 Jul 2009 23:18:05 +0000 http://blogs.gnome.org/metacity/?p=606#comment-1061 [...] The recent discussion about CSS themes looks as though it may become one of the most interesting new ideas in theming in recent years. Here are some further thoughts on what may evolve from this. [...] [...] The recent discussion about CSS themes looks as though it may become one of the most interesting new ideas in theming in recent years. Here are some further thoughts on what may evolve from this. [...]

]]> By: Alexandre Mazari http://blogs.gnome.org/metacity/2009/07/15/copper-an-experiment-with-css/comment-page-1/#comment-1057 Alexandre Mazari Thu, 16 Jul 2009 23:23:47 +0000 http://blogs.gnome.org/metacity/?p=606#comment-1057 One (not so) crazy idea could be the use of WebKit's WebView as the drawing area. This way the theme could just be a standard HTML file with its CSS companion. And why not some JS for some graphical logic. The benefits are numerous : standard, lots of authoring tools, very capable graphical system (ex : see css transformation/transition recent work) etc... The challenge is to plumb such a ui to the GObject/native code. this could be achieved using Seed to expose the GObjects in the webview's javascript context or using the Webkit DOM bindings, exposing divs and stuff to the native word (see webkit bug #16401). This approach could even be used for applications ui ala webos or chrome os :) One (not so) crazy idea could be the use of WebKit’s WebView as the drawing area. This way the theme could just be a standard HTML file with its CSS companion. And why not some JS for some graphical logic.
The benefits are numerous : standard, lots of authoring tools, very capable graphical system (ex : see css transformation/transition recent work) etc…

The challenge is to plumb such a ui to the GObject/native code. this could be achieved using Seed to expose the GObjects in the webview’s javascript context or using the Webkit DOM bindings, exposing divs and stuff to the native word (see webkit bug #16401).
This approach could even be used for applications ui ala webos or chrome os :)

]]> By: Thomas Thurman http://blogs.gnome.org/metacity/2009/07/15/copper-an-experiment-with-css/comment-page-1/#comment-1055 Thomas Thurman Thu, 16 Jul 2009 22:25:15 +0000 http://blogs.gnome.org/metacity/?p=606#comment-1055 @Jorge: You're entirely right: having explicit topleft, topright, etc., boxes was a mistake. If I do more work on this I'll just have the frame element and allow you to set border-images on it to get the same results far more simply. @Jorge:

You’re entirely right: having explicit topleft, topright, etc., boxes was a mistake. If I do more work on this I’ll just have the frame element and allow you to set border-images on it to get the same results far more simply.

]]> By: A meta-post about blogging « ᛏᚦ http://blogs.gnome.org/metacity/2009/07/15/copper-an-experiment-with-css/comment-page-1/#comment-1051 A meta-post about blogging « ᛏᚦ Thu, 16 Jul 2009 22:17:41 +0000 http://blogs.gnome.org/metacity/?p=606#comment-1051 [...] on on the Metacity blog, including the development of optional and experimental subsystems for CSS theming and window matching, and whether applications should be able to extend the window menu (so if you [...] [...] on on the Metacity blog, including the development of optional and experimental subsystems for CSS theming and window matching, and whether applications should be able to extend the window menu (so if you [...]

]]> By: Jorge http://blogs.gnome.org/metacity/2009/07/15/copper-an-experiment-with-css/comment-page-1/#comment-1041 Jorge Thu, 16 Jul 2009 07:35:02 +0000 http://blogs.gnome.org/metacity/?p=606#comment-1041 I think the css format is a great idea. Just some thoughts and suggestions: - Consider the border-image rule [1] - And webkit gradients too [2] - I think it makes more sense edges as the padding or/and the border of the window instead being boxes by themselves, but this would be a little limiting. - I agree with the others, border-radius is there, so I think is the same as the previous point, it is necessary that edges being represented as boxes? [1] http://www.w3.org/TR/css3-background/#the-border-image [2] http://webkit.org/blog/175/introducing-css-gradients/ I think the css format is a great idea.

Just some thoughts and suggestions:
- Consider the border-image rule [1]
- And webkit gradients too [2]
- I think it makes more sense edges as the padding or/and the border of the window instead being boxes by themselves, but this would be a little limiting.
- I agree with the others, border-radius is there, so I think is the same as the previous point, it is necessary that edges being represented as boxes?

[1] http://www.w3.org/TR/css3-background/#the-border-image
[2] http://webkit.org/blog/175/introducing-css-gradients/

]]> By: Olivier Samyn http://blogs.gnome.org/metacity/2009/07/15/copper-an-experiment-with-css/comment-page-1/#comment-1036 Olivier Samyn Wed, 15 Jul 2009 23:04:56 +0000 http://blogs.gnome.org/metacity/?p=606#comment-1036 Just for reference, vendor keywords is formalized in CSS 2.1: http://www.w3.org/TR/2009/CR-CSS2-20090423/syndata.html#vendor-keywords Just for reference, vendor keywords is formalized in CSS 2.1:
http://www.w3.org/TR/2009/CR-CSS2-20090423/syndata.html#vendor-keywords

]]> By: person http://blogs.gnome.org/metacity/2009/07/15/copper-an-experiment-with-css/comment-page-1/#comment-1034 person Wed, 15 Jul 2009 17:53:04 +0000 http://blogs.gnome.org/metacity/?p=606#comment-1034 That prefix mozilla adds is not just a good idea, I believe it's a part of the standard by now. Opera and Safari also follow this convention at the least. See: http://lists.w3.org/Archives/Public/www-style/2002Jan/0094.html Note the alternative given of using "_" instead of "-" if your library doesn't support leading dashes. That prefix mozilla adds is not just a good idea, I believe it’s a part of the standard by now. Opera and Safari also follow this convention at the least.
See: http://lists.w3.org/Archives/Public/www-style/2002Jan/0094.html

Note the alternative given of using “_” instead of “-” if your library doesn’t support leading dashes.

]]> By: Olivier Samyn http://blogs.gnome.org/metacity/2009/07/15/copper-an-experiment-with-css/comment-page-1/#comment-1031 Olivier Samyn Wed, 15 Jul 2009 13:46:35 +0000 http://blogs.gnome.org/metacity/?p=606#comment-1031 When parsing those CSS files, there should be some available constants (I do not know how to implement this, but it has been discussed for inclusion in CSS3; http://disruptive-innovations.com/zoo/cssvariables/ ). Some constants should be used for standard colors; but other one used for file names. For example, the application icon should be stored in a variable. so that specifying it as some background, or pixmap border is possible (and then, you may implement the Atlanta theme). Also, border rounding is defined in CSS3, and supported by modern browsers through extensions (ex: -moz-border radius) http://www.w3.org/TR/2008/WD-css3-background-20080910/#the-border-radius When parsing those CSS files, there should be some available constants (I do not know how to implement this, but it has been discussed for inclusion in CSS3; http://disruptive-innovations.com/zoo/cssvariables/ ).

Some constants should be used for standard colors; but other one used for file names. For example, the application icon should be stored in a variable. so that specifying it as some background, or pixmap border is possible (and then, you may implement the Atlanta theme).

Also, border rounding is defined in CSS3, and supported by modern browsers through extensions (ex: -moz-border radius)
http://www.w3.org/TR/2008/WD-css3-background-20080910/#the-border-radius

]]> By: Robin http://blogs.gnome.org/metacity/2009/07/15/copper-an-experiment-with-css/comment-page-1/#comment-1030 Robin Wed, 15 Jul 2009 09:25:12 +0000 http://blogs.gnome.org/metacity/?p=606#comment-1030 What's your opinion of the client-side-decorations branch [1] in gtk+? [1] http://git.gnome.org/cgit/gtk+/log/?h=client-side-decorations What’s your opinion of the client-side-decorations branch [1] in gtk+?

[1] http://git.gnome.org/cgit/gtk+/log/?h=client-side-decorations

]]>