Hi Piotr, right, I'm working towards a very basic button example, that implies many files, so I can explain you all what I'm trying to do. Hope to let you know soon.
Thanks! Carlos 2018-03-09 19:21 GMT+01:00 Piotr Zarzycki <[email protected]>: > Carlos, > > If you could prepare test application, along with your last state of the > code it would be helpful. I wanted to also understand the issues, cause I > had issues with CSS while working on transpiledactionscript. I did win with > them and I don't think whether it was as much as I thought before some > workaround. > > Thanks, > Piotr > > > 2018-03-09 19:10 GMT+01:00 Carlos Rovira <[email protected]>: > > > Hi Alex, > > > > many thanks. I'm working right now in a POC of a theme based on solid > color > > with only button. I expect this can help me show you all what I'm trying > to > > do. Hope to get it this week and hope we can comment over it. > > > > let me know if you want me to test things like linear-gradients, > > text-shadows and rgba > > > > thanks! > > > > > > > > 2018-03-09 19:01 GMT+01:00 Alex Harui <[email protected]>: > > > > > Hi Carlos, > > > > > > I am about to work on the 0.9.2 release. I will try to fix the CSS > > issues > > > in the compiler while the vote is pending. > > > > > > I still believe you can use themes to set the colors. And that will > work > > > not just in Maven and Ant, but also on the command-line and IDEs. I am > > > still looking for a concrete example of why that does not work. I will > > > dig into your branches after I get the RC out for vote. > > > > > > -Alex > > > > > > On 3/9/18, 4:19 AM, "[email protected] on behalf of Carlos > Rovira" > > > <[email protected] on behalf of [email protected]> wrote: > > > > > > >Hi Piotr, > > > > > > > >2018-03-09 12:40 GMT+01:00 Piotr Zarzycki <[email protected] > >: > > > > > > > >> Carlos, > > > >> > > > >> I see following two things: > > > >> > > > >> 1) There is something in css which breaks build and you cannot uses, > > > >> because compiler have some issue with it - yes? > > > >> > > > > > > > >sometimes is breaking the build, others not output what I write in css > > > >(for > > > >example adding like "Unexpected value found" or something like that, > > don't > > > >remember the exact wording) > > > > > > > > > > > > > > > >> 2) You would like to add user possibility to change components > easily > > - > > > >> Your solution is SASS, because #1. > > > >> > > > >> > > > >I want the user can use a theme with the colors he/she want to use > > > >With SASS I can put the colors in a variables and the user can change > > it. > > > >Or the next thing to look for are "palettes" that is something like > MDL > > > >does. > > > >In this way user change colors or palettes and then use SASS to get > > final > > > >CSS. > > > >This process can be separate from the rest of royale, like the process > > to > > > >make a PNG > > > >since user can use the one we provide, or create another with > Photoshop, > > > >Sketch, Affinity... > > > > > > > > > > > > > > > >> Am I understand in general correctly this thread ? > > > >> > > > >> > > > >This thread should have priorities. As I see are: > > > > > > > >1) Need to solve various problems with royale compiler processing of > CSS > > > >(gradients, alphas,...) > > > > > > > >this is crucial since the rest of points depends on this. > > > > > > > >2) How we can make users introduce a config via ANT or MAVEN to choose > > > >what > > > >colors they want in final app > > > > > > > >in this point I propose that user introduces properties for colors in > > ANT > > > >or MAVEN and then the compiler retrieves that when process CSS to make > > > >string substitution > > > > > > > >3) What we can improve to make theme development more easier. > > > > > > > >in this part is how near we can get to what SASS gives us, this can be > > of > > > >less importance and since is more related at how the final CSS is > > created, > > > >we can decide to separate from royale project (although, having this > > will > > > >make our project to have even more sense, since as Om said, nobody > has a > > > >tool that makes what SASS does and even integrates with the code , in > > this > > > >case AS3/MXML). > > > > > > > >For point 3 I have SASS *separated* maven workflow, that doesn't need > to > > > >be > > > >part of the rest of royale libs and themes. I use this for convenience > > to > > > >develop Jewel more easy and quick. > > > > > > > >One final thought. We are a front end technology. Front-end relies > > heavily > > > >in visuals. It seems in royale community, there's no much > preoccupation > > in > > > >this part. I think I'm alone with this since the rest of contributors > > are > > > >more balanced towards framework code, compiler,...but not on UX > (styles, > > > >visuals, colors, animations...). I want to transmit here that all this > > is > > > >very important since front end developers choose in part with his > > "eyes", > > > >and then see other things. What I'm trying to contribute is fix the > > visual > > > >part so people coming, can see "hey! this looks good!, lets see what's > > > >behind..." and then we love the rest of the technology. > > > >There's other kind of users that only needs an easy dev tool to make > an > > > >app, and they don't care if it looks good or not, while it works. My > > > >thinking is that nowadays this kind of user are very few compared with > > the > > > >other one. > > > >I don't care to be the only one centered in visuals...it's ok for me, > > but > > > >I > > > >want to remark the importance of this in the overall target we all > > pursue > > > >and that I need some help in the parts where I can't reach (compiler > > > >mainly, infrastructure,...) > > > > > > > >Hope that clears this more > > > > > > > >Carlos > > > > > > > > > > > > > > > > > > > >> Thanks, Piotr > > > >> > > > >> > > > >> 2018-03-09 12:28 GMT+01:00 Carlos Rovira <[email protected]>: > > > >> > > > >> > Hi Alex, > > > >> > > > > >> > 2018-03-08 23:06 GMT+01:00 Alex Harui <[email protected]>: > > > >> > > > > >> > > Hi Carlos, > > > >> > > > > > >> > > I don't doubt that SASS is powerful and useful, otherwise it > > > >>wouldn't > > > >> be > > > >> > > popular. What I am asking you to consider is that every > decision > > > >>you > > > >> > make > > > >> > > affects a lot of people and we only have a relatively small > team. > > > >> > > > > >> > > > > >> > Maybe you missed what I wrote at the beginning of this discussion. > > Use > > > >> SASS > > > >> > doesn't means anything for the rest of the project. > > > >> > Let's compare with a PSD vs an img. Imagine I author a PSD to > > create a > > > >> > button image background. Then I can put only the final PNG > > > >> > in our framework to use it by a css and optionaly put the PSD I > used > > > >>to > > > >> > author the final PNG in some source folder so people can use it. > > > >> > > > > >> > This is the same. SASS is the PSD and CSS is the PNG. The > important > > > >>thing > > > >> > here's that I'm using SASS to be more productive, > > > >> > and I'm producing a final "defaults.css". I can remove all SASS > > files > > > >>and > > > >> > configurations and work it on my own, but I think people would > want > > it > > > >> > In the other hand, people that don't want to use are not > obligated, > > > >>since > > > >> > they can use the final "defaults.css" as its template to create > his > > > >>own > > > >> > theme. > > > >> > For me is just a matter of convenience since I can code the > visuals > > > >>in a > > > >> > more organized way, just like I were coding AS3 vs JS. We use AS3 > > and > > > >>not > > > >> > CSS for the same reason people use SASS over CSS. It's more easy, > > can > > > >> catch > > > >> > errors, and you are more safe of what you're doing. > > > >> > > > > >> > > > > >> > > > > >> > > So the > > > >> > > first question I have is what is there about the current Royale > > > >>feature > > > >> > > set that makes it truly impossible or impractical to implement a > > > >> > CSS-based > > > >> > > theme and generate flavors of it with other CSS files? If you > > push > > > >>for > > > >> > > SASS that means we have to impact all of our non-Maven users by > > > >>asking > > > >> > > them to integrate SASS somehow, or do more work on the compiler. > > We > > > >> > can't > > > >> > > just make everybody use Maven and SASS. That won't help us gain > > > >>users > > > >> > and > > > >> > > successful migrators. > > > >> > > > > > >> > > > > >> > I tell you in various emails this days. My problems are more in > the > > > >>post > > > >> > processing of CSS by the royale compiler. > > > >> > There's still sume rules that we don't allow, and that is limiting > > me > > > >> since > > > >> > I need to workaround. > > > >> > I thought about solving it in the compiler, but after trying it, I > > > >> continue > > > >> > to be not able to solve it myself. > > > >> > > > > >> > In the next "step", the main problem is how to make colors > > > >>configurable > > > >> by > > > >> > the final user. > > > >> > The way other frameworks do is the following [1]. They have all > > > >> > combinations of css colors in a final minified file. > > > >> > > > > >> > We can do this better by creating the palettes and creating the > CSS > > on > > > >> the > > > >> > fly as people compile the Royale App. > > > >> > The input will be 2-3 colors passed by ANT or Maven, the output > for > > > >>jewel > > > >> > should be for example > > > >> > "royale-jewel-${primary}-${secondary}-${accent}.min.css" > > > >> > or if we create one with gradients then six vars ${primary1}, > > > >> ${primary2}, > > > >> > ${secondary1}, ${secondary2},...and so on > > > >> > > > > >> > But please, if we do this, it should not be planned as a few hacks > > > >>here > > > >> and > > > >> > there. For me this should be part of something > > > >> > like the targets rework you did some months ago. Where you need to > > > >> > introduce it in all its complexity. > > > >> > > > > >> > This is the same, and what we get from this is a huge reward since > > > >>we'll > > > >> > have a great theme support that will people start to consider > > > >> > Royale in real apps since we can provide them with a UI set that > is > > > >> usable > > > >> > out of the box and match colors in their brands. They can choose > how > > > >> their > > > >> > apps > > > >> > looks from the beginning. Right now they can since we are > providing > > > >>basic > > > >> > theme, or MDL, that makes them be stuck in the MDL namespace and > > what > > > >> > things > > > >> > works in that external UI set. > > > >> > > > > >> > > > > >> > > That's why I want you to provide a concrete example or two of > what > > > >>you > > > >> > > can't do with the current feature set. And that doesn't mean by > > > >>using > > > >> > > MDL-style string substitutions or SASS-syntax. In the end, you > > > >>want to > > > >> > > start with a set of CSS files and have the final CSS to look > like > > > >> > > something. Royale has a way of doing that. Why does that way > not > > > >>work > > > >> > > for you? > > > >> > > > > >> > > > > >> > the "partials" (for taking SASS naming) is working in royale, so > we > > > >>have > > > >> > already one thing. > > > >> > That's ok, we need more on this, but we need now, or do you want I > > > >>cross > > > >> my > > > >> > arms and wait > > > >> > for this to be implemented? what should I do? I need to focus on > > > >>Sketch, > > > >> on > > > >> > prototyping, on design, on coding visuals > > > >> > that fills my time each day on Royale. I can't do much creating > this > > > >> > features in royale compiler, since I read that code and don't know > > > >>what > > > >> to > > > >> > do > > > >> > even with your Kindly explanations what I thank you for providing > > me, > > > >> since > > > >> > is time you're investing for me. > > > >> > > > > >> > > > > >> > > Sure there might be better ways, like all of the CSS features > > > >> > > you listed below, but why do our themes need to use them? Also > > > >> consider > > > >> > > that the more advanced CSS you use, the more work there will be > to > > > >> create > > > >> > > a SWF equivalent. > > > >> > > > > > >> > > > > >> > The final css is the same you will make by hand, so if SVGs are > not > > > >> > supported in SWF, this will no make a difference. > > > >> > If linear gradients are not supported as well, again is the > > > >>same...again > > > >> > think in the PSD/PNG paralellims with SASS/CSS, > > > >> > if SWF was not supporting PNG, the problem will not be that I > author > > > >>it > > > >> > with Photoshop, is that we need Royale to make > > > >> > it happen (support PNG in SWF) > > > >> > > > > >> > > > > >> > > > > > >> > > I think it will help the community more to understand the > > trade-offs > > > >> and > > > >> > > avoid using the latest, coolest thing so we don't have to expend > > as > > > >> much > > > >> > > energy getting it to work for non-Maven users. > > > >> > > > > > >> > > > > > >> > We the things I'm doing, you don't need to wire SASS in ANT to see > > my > > > >> work. > > > >> > As I'm uploading generated defaults.css, you have the final css > > file, > > > >> > ant a ANT build will retrieve this as in the rest of projects. > > > >> > > > > >> > Hope this clarifies all this more and we could go to the real > target > > > >>that > > > >> > is getting a better visuals in a UI set that I'm sure will > > > >> > provide us more engagement for people out there. > > > >> > > > > >> > Thanks > > > >> > Carlos > > > >> > > > > >> > > > > >> > > Thanks, > > > >> > > -Alex > > > >> > > > > >> > > > > >> > [1] > > > >>https://na01.safelinks.protection.outlook.com/?url= > > > https%3A%2F%2Fcdnjs.co > > > >>m%2Flibraries%2Fmaterial-design-lite&data=02%7C01%7Caharui% > 40adobe.com > > > %7C > > > >>b89b18e7a3b8444b0ebf08d585b81ffe%7Cfa7b1b5a7b34438794aed2c178de > > > cee1%7C0%7 > > > >>C0%7C636561948219452668&sdata=vre2s3Z4HuE8j7v4UBLyovYjFoPJIy > > > 8gGbp2o5J3WW4 > > > >>%3D&reserved=0 > > > >> > > > > >> > > > >> > > > >> > > > >> -- > > > >> > > > >> Piotr Zarzycki > > > >> > > > >> Patreon: > > > >>*https://na01.safelinks.protection.outlook.com/?url= > > > https%3A%2F%2Fwww.pat > > > >>reon.com%2Fpiotrzarzycki&data=02%7C01%7Caharui%40adobe.com > > > %7Cb89b18e7a3b8 > > > >>444b0ebf08d585b81ffe%7Cfa7b1b5a7b34438794aed2c178de > > > cee1%7C0%7C0%7C6365619 > > > >>48219452668&sdata=m1gonUiYPMWgS8rwpZYA%2FpDPRMxCi9FzP3J0qNgKdZo%3D& > > > reserv > > > >>ed=0 > > > >> > > > >><https://na01.safelinks.protection.outlook.com/?url= > > > https%3A%2F%2Fwww.pat > > > >>reon.com%2Fpiotrzarzycki&data=02%7C01%7Caharui%40adobe.com > > > %7Cb89b18e7a3b8 > > > >>444b0ebf08d585b81ffe%7Cfa7b1b5a7b34438794aed2c178de > > > cee1%7C0%7C0%7C6365619 > > > >>48219452668&sdata=m1gonUiYPMWgS8rwpZYA%2FpDPRMxCi9FzP3J0qNgKdZo%3D& > > > reserv > > > >>ed=0>* > > > >> > > > > > > > > > > > > > > > >-- > > > >Carlos Rovira > > > >https://na01.safelinks.protection.outlook.com/?url= > > > http%3A%2F%2Fabout.me%2 > > > >Fcarlosrovira&data=02%7C01%7Caharui%40adobe.com% > > > 7Cb89b18e7a3b8444b0ebf08d5 > > > >85b81ffe%7Cfa7b1b5a7b34438794aed2c178decee1%7C0%7C0% > > > 7C636561948219452668&s > > > >data=0AWcm1ZIKLmbOLGrxAiaBo%2FO6XdSmHChaez4kyskBsA%3D&reserved=0 > > > > > > > > > > > > -- > > Carlos Rovira > > http://about.me/carlosrovira > > > > > > -- > > Piotr Zarzycki > > Patreon: *https://www.patreon.com/piotrzarzycki > <https://www.patreon.com/piotrzarzycki>* > -- Carlos Rovira http://about.me/carlosrovira
