Tour de Flex – How to add your components, effects, skins, etc.

We launched Tour de Flex at Adobe MAX last week and have already seen over 8,000 users try it!  The pace of downloads is still accelerating as people discover this new tool.  Also, it’s worth noting that over 250,000 samples were viewed via the application in the first 5 days.  In other words, people are checking out lots of samples!

At launch, we included several 3rd party commercial and non-commercial components, skins, and effects from Google, Yahoo, Mapquest, Degrafa, ILOG, Doug McCune, Stephen Downs, Kap IT Labs, Mark Shepherd, Alex Uhlmann, Twitter, Amazon, Flickr, SmugMug, Salesforce.com, Ebay, and others.  This is only the beginning.  As of this writing, there are 217 samples.  My goal is to have 1,000 samples within 6 months and I NEED YOUR HELP!

Criteria for adding your Components, Skins, Effects, etc.:

  • Samples must be relevant to other Flex developers and provide an obvious value.
  • The sample must be runnable within the Tour de Flex application.  If the sample has AIR-specific functionality, please include details in the notes so we can contact you to work out getting your SWF/SWC included in the next application update.
  • The source code to each illustration must be well structured, commented, and conform to normal coding standards.
  • Any prerequisites or dependancies must be clearly identified.

Preparing your samples for Tour de Flex:

  • We prefer that developers host their own samples.
  • If possible, illustrations should fit within the default 663×246 frame of the application without scroll bars.  When the illustration is expanded, the window grows to 663×524.  Please make an effort to at least avoid scroll bars when expanded.
  • If possible, set the background gradient to your samples to backgroundGradientColors=”[0x000000,0x323232]”
  • If possible, set the default background color to #323232 by adding the following compiler option: -default-background-color #323232 or editing the HTML wrapper to set the default color.
  • Icons ( 18×18 ) should be created for each sample.  If no icon is provided, we will use a default icon.
  • The easiest way to provide the source code is to enable the “View Source” option in your project.
  • Links to your blog, home page, etc. may be included
  • We recommend creating an “about” page to include in the list of document URLs. This is a great place to include links to your home page, blog and other information about your work.  For example, look at any of the ILOG samples.
  • Typical deliverables for new Tour de Flex samples:
    • URLs for each illustration
    • URLs for each document (source, readme, ASDocs, about page, and anything else you want to include)
    • Short description of each sample – fewer than 25 characters (this appears in the tree/list on the left).  Also include the preferred folder/category name.
    • URLs for icons (optional)
    • URLs for the download link (optional – this is typically a link to the Flex project, SWC, etc.)

Testing your samples in Tour de Flex:

  • There is a sample test application built into Tour de Flex. Choose  Other Components -> Sample Testing -> Sample Tester.   Enter your URL and click the PREVIEW button.

Deploying new samples to the masses:

Each time Tour de Flex is executed, it checks for an updated sample database (XML file).  New samples can be rolled out in seconds without forcing a complete application update.

Our intent is to do at least monthly updates to the sample database.

Now, go build some samples!

~ by gregorywilson on November 23, 2008.

20 Responses to “Tour de Flex – How to add your components, effects, skins, etc.”

  1. […] most popular Air app so far but “someone” is taking space in there Thanks guys. Check Greg’s post for more info on how to put your mark on this super hot […]

  2. […] De Flex peut être améliorer par vos propres composants grâce à Greg Wilson qui a publié les spécifications pour intégrer vos composants et librairies. Il est possible que Tour De Flex devienne une solution pour trouver de nombreux exemples de code. […]

  3. […] Their goal is to have 1,000 samples within 6 months and They NEED YOUR HELP! […]

  4. […] met andere gebruikers. Je voorbeeld moet enkel aan wat voorwaarden voldoen, alle details kan je op deze website […]

  5. […] Tour de Flex – How to add your components, effects, skins, etc. […]

  6. […] here we can use some help from you: if you have code that you think would add value, then you can submit your code (could be new components, skins, […]

  7. […] Tour de Flex – How to add your components, effects, skins, etc. – gregsramblings.com […]

  8. […] De Flex would be pretty boring if it just had Adobe components so Greg Wilson has published the spec to get your components and libraries integrated. I am really hopeful for Tour De Flex as a long term solution to code examples. In many ways it is […]

  9. […] De Flex peut être améliorer par vos propres composants grâce à Greg Wilson qui a publié les spécifications pour intégrer vos composants et librairies. Il est possible que Tour De Flex devienne une solution pour trouver de nombreux exemples de code. […]

  10. Hi, my name is mário santos, and i’ve looked into the most recent version of Tour de Flex and i’ve not seen my firt sample there, if you remember the sample was this one:

    http://www.msdevstudio.com/mywork/graphicPresent/
    http://www.msdevstudio.com/mywork/graphicPresent/about/

    You simply removed it for some reason? thanks!

    Best Regards,
    Mário Santos

  11. […] Adding your own components to TourDeFlex? Read more. […]

  12. […] operations.  Submit yours and be one of the next 10 million views!  To learn how to submit, click here. November 10th, 2009 in Tour de […]

  13. […] Tour de Flex – How to add your components, effects, skins, etc. – gregsramblings.com […]

  14. […] Tour de Flex – How to add your components, effects, skins, etc. – gregsramblings.com […]

  15. три комнаты сексшоп – онлайн секс шоп, киев секс шоп, секс шоп петербург, секс шоп украина, секс шоп спб, доставка секс шоп, секс шоп пермь, секс шоп харьков, секс шоп. Сайт rozovyy-krolik.ru

  16. авто шины рязань – магазин шины диски, шины диски интернет магазин, шины диски интернет магазин москва, интернет магазин шины диски екатеринбург, магазин шины. Сайт magazin-diski-shiny.ru

  17. онлайн секс шоп, киев секс шоп, секс шоп петербург, секс шоп украина, секс шоп спб, доставка секс шоп, секс шоп пермь, секс шоп харьков, секс шоп.

  18. I hope Martin can read these comments from radio heaven, I hope he knows how much of an impact he had on the ears, minds and lives of all who listened. Thank you Martin. You are the SPIRIT OF RADIO!

  19. Il est possible que Tour De Flex devienne une solution pour trouver de nombreux exemples de code.
    blog

  20. Hi, this is a nice information for me. Your post has a good quality.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

 
%d bloggers like this: