Finally Flash can dual render in both web(Flash) and iPhone or iPad(non Flash).
- Works with Flex (I'm not releasing this until Adobe contacts me)
- Backwards compatable with Flash (I'll launch this in the new year, any SWF file can convert to HTML)
- Instant render, no compiling - change your FTML page and see the results
- 100% HTML and XML compliant - without HTML5
Visit: http://reshapemedia.com/ftml/ on both your desktop and non Flash player devices like iPhone or iPad for a live examle.
Why configure multiple layouts and build the same application on multiple systems - it wastes time and money. With FTML you can deploy the same application all across the board - all from Flash/Flex. When rendering to non Flash environments you can add your own custom CSS file to change the style and layout with out rebuilding the entire application.
Reshape Media strongly believes: If you want 'interactivity' on an iPhone web page = build an iPhone app - dont kid yourself. This is all raw HTML, no HTML5 - Flash all the way.
What Environment Can I Code FTML In?
Any! You can code FTML in:
- PHP and ASP
- Dreamweaver / VisualStudio
Talk Is Cheap, How Can I Try It Now?
You can do this your self in under 5 minutes!
- All the code is live and renders changes instantly
- You only need to refresh your web page to see the changes
Lets get started...
- Start by taking a Photoshop PSD file. This file will server as the layout to your project. Use our Photoshop to Flash jsx script to convert your PSD into a Flash Text website in seconds.
Photoshop to Flash jsx script: http://reshapemedia.com/ftml/learn/photoshop-to-flash-ftml/
- Once the script is completed you will have a [ftml-www] folder with all the required files for your server. Place the files on yoru server or localhost and your website will be up and running right away.
Visit the site using your localhost: http://localhost/ or put the files on your website
- The Flash Text website is instantly available on all browsers and devices. You can view your Flash website on a desktop browser with Flash Player, or a non Flash Player device such as an iPhone or iPad.
(this is my testing environment - I spoof my headers as mobile for my server)
Thats it... simple and easy with no headache required.
How Does It Render?
There are 3 main render modes for HTML. All you do is add the meta tags to your HTML page to change the render style.
- <meta name='content-ftml' content='ftml' />
This is the default render for FTML on iPhones when no meta data is present. This will render the Flash Text page similar to a Flash layout. Its important to use x and y postions for this render.
- <meta name='content-ftml' content='ftml/html' />
This will render the Flash Text page similar to a HTML layout. All elements are stacked and can use costom CSS stylesheets for layout. This is the best render method if you are used to working with HTML.
- <meta name='content-ftml' content='ftml/flash' />
This will render the page with a full-screen layout. Use this method if you do not have scrollable content on your page.
Try it your self... Build a multi-device project with Flash from anywhere... in seconds!
Remember, FTML is free of change and requires no downloads to get started.
My Actual Question
What would the Flash/Flex community like to see / have when rendering to iPhone. I'm not Adobe so if you make a suggestion to me and I like it - its added yesterday. I can do anything when rendering so use your imagination!
Eg. 'Suggestions' From Myself
- Create a 'somewhat' compatable tweener for HTML
- Add support for all media (audio and video) on iPhone
- Find a way to access the native device functions (mostly through file types and external events)