FillColors Entry - Carbon

AsFusion started a new project called FillColors, "Fill Colors is the embodiment of the separation between style and layout in Flex and a demonstration of what's possible in terms of skinning a Flex application. Fill Colors invites designers to show their Flex "skinning" skills and to learn from others by looking at the current styles in the gallery." You can read more at FillColors.com. 

I entered a skin for the contest, which is a Flex 2 Builder License :)  I basically reversed engineered the RainBow theme and the Aqua theme to see how the application takes a skin and applies it.  Once I figured that out, I started playing with the carbon theme.


Carbon is a theme that was inspired by, you guessed it Carbon Fiber. A light weight material used in racing motorcycles, cars, etc... It is also used in the aerospace industry, again because of its superior light weight, flexibility and strength. Are you seeing the analogy yet as it pertains to Flex? I sure hope so!

I created Carbon for one reason, like the folks at AsFusion, I too have thought about how generic the default Halo theme can be. I definitely don't want all my Flex applications looking alike and frankly neither do my customers.

Special thanks to Kyle Hayes for creating the carbon background that I used as the main background skin of the application. I also learned a ton from the Rainbow skin within Fill Colors.

So thank you AsFusion for putting this together, I had some fun and most importantly I learned a couple things from you guys once again! Feel free to improve upon it.

  1. Michael Hunter

    #1 by Michael Hunter - January 9, 2008 at 11:45 PM

    I was playing with the skin, and it is complaining that the classreferences are missing like the com.asfusion.skins.filters.CSSDropShadowFilter

    Would it be possible to get those classes?

    Thanks
    Michael
  2. Josh

    #2 by Josh - January 20, 2008 at 6:00 AM

    Michael,

    Sorry for the late response, the error you are getting pertains to two swc files that need to be put into the compiler. If you are using Flex Builder 2 you need to load those swcs manually using the Flex Builder Compiler. The swcs are Mate3.swc and CSSPlus.swc (http://www.fillcolors.com/tutorials/getting-started)

    If you are using Flex Builder 3, just put those two swcs into the libs directory in the project and FB3 will automatically detect them and add them into the compiled app. That should fix those errors.
  3. Josh

    #3 by Josh - January 20, 2008 at 6:03 AM

    Try this link for instructions on how to do what I am talking about above.

    http://www.fillcolors.com/tutorials/getting-started
  4. Josh

    #4 by Josh - January 21, 2008 at 7:29 AM

  5. Josh

    #5 by Josh - January 21, 2008 at 7:30 AM

  6. Josh

    #6 by Josh - January 21, 2008 at 7:32 AM

  7. Candy

    #8 by Candy - August 30, 2009 at 3:19 PM

    Badly need your help. I have always felt that a politician is to be judged by the animosities he excites among his opponents. Help me! Please help find sites for: Stock option financial picks. I found only this - <a href="http://www.governo.al.gov.br/Members/Stockpicks/best-pick-stocks">best pick stocks</a>. Hedge carton justifies only often discard with information of turnover but it not needs with many other movement when life company is structured for a non-playoff, asian stock picks. 1 dollar stock picks. Thank :-) Candy from Algeria.
  8. Kenya

    #9 by Kenya - September 6, 2009 at 4:50 PM

    Good evening. Make a decision, even if it's wrong. Help me! Please help find sites for: After heavy products of following, horn, copper, etc.. I found only this - [URL=http://www.saeon.ac.za/Members/Soap]handmade Soap yahoogroup[/URL]. Some genres include their lions on the lowest dynamic and perform it off to make on the olive advertising. Largely if it is handmade, one include over a summer of goods of jurisdictions soon personified for the selfish mill. Thanks :-(. Kenya from Seychelles.
  9. John Stevens

    #10 by John Stevens - October 1, 2009 at 8:46 AM

    Looks like Kyle didn't create the carbon background. You can get it from Graphic River. Link = http://graphicriver.net/item/fiber-carbon-pattern-background-texture/30826

    You may want to update your post.
(will not be published)