Re: [FlexJS] FlatSpark and skins

2015-01-29 Thread Mahmoud Ali
The CSS skin Alex cited is called Flat UI [1]. FlatSpark is basically a port from that skin, our main goal was to be as close to that as possible. That's why FlatSpark has some limitations regarding customization, we just tried to port the skin, maintaining its colors and pre-defined sizes.

Re: [FlexJS] FlatSpark and skins

2015-01-28 Thread OmPrakash Muppirala
Spark skinning also obeys CSS rules. In a spark skin, you can for example, call getStyle(borderColor) and use that to draw a Rect with the given color. Or call getStyle(themeColor) and apply that color to a LinearGradient Rect. In addition, on the SVG side, individual shapes can be fully styled

Re: [FlexJS] FlatSpark and skins

2015-01-28 Thread Peter Ent
After talking with Alex a bit more, it seems there are two paths we can take, both valid and both really worth exploring. One is the MXML/designer UI path where skins are specific either in MXML, drawn in some way, and/or created using a design tool. This skins follow from Spark skins. The other

Re: [FlexJS] FlatSpark and skins

2015-01-28 Thread Alex Harui
Well, IMO, the default Spark skins are a middle ground where they support certain styles, some of which are not CSS compliant. But a Spark Skin can be completely non-styleable. If you create it via FXG, or just use MXML without any code, you pretty much can’t get it to support styles. I’m

Re: [FlexJS] FlatSpark and skins

2015-01-28 Thread Alex Harui
I don’t have well-formed thoughts on this topic, but the following occurred to me. On the JS side, the browser has a powerful CSS engine. Drawing skins in AS/MXML won’t leverage that. So these kinds of themes may not be styleable. I think that’s fine, but IMO, Spark skins were designed to have

Re: [FlexJS] FlatSpark and skins

2015-01-28 Thread Peter Ent
Working backwards from JS/CSS seems to be the best route, no matter how it is implemented. We know there are some least-common denominators such as background color and border, so perhaps we start there to formulate a plan. I do think we should try and use the core.graphics package which is

[FlexJS] FlatSpark and skins

2015-01-27 Thread Peter Ent
Hi, I am thinking about using FlatSpark as either inspiration for a set of skins for FlexJS or porting it over to FlexJS. Since FlexJS is more JavaScript-minded (what you can do in ActionScript/MXML must translate to JavaScript) I'm thinking that FlexJS skins would need to keep this in mind.

Re: [FlexJS] FlatSpark and skins

2015-01-27 Thread OmPrakash Muppirala
On Tue, Jan 27, 2015 at 11:21 AM, Peter Ent p...@adobe.com wrote: Hi, I am thinking about using FlatSpark as either inspiration for a set of skins for FlexJS or porting it over to FlexJS. Since FlexJS is more JavaScript-minded (what you can do in ActionScript/MXML must translate to

Re: [FlexJS] FlatSpark and skins

2015-01-27 Thread Peter Ent
On 1/27/15, 2:31 PM, OmPrakash Muppirala bigosma...@gmail.com wrote: On Tue, Jan 27, 2015 at 11:21 AM, Peter Ent p...@adobe.com wrote: Hi, I am thinking about using FlatSpark as either inspiration for a set of skins for FlexJS or porting it over to FlexJS. Since FlexJS is more