search
top
Currently Browsing: Tools

Cookbooks @ Adobe

Adobe has rolled out the next generation of it’s development recipes portal: Adobe Cookbooks

There are two major stories delivered with this new version:

  1. Contributing has become a lot easier.
  2. The prominence and recognition for community members who actively participate in Cookbooks was increased.

In detail, there is a set of new features that are making the experience more enjoyable and productive.

  • Support for “topics” and “tags”.
  • 17 technologies & products, including non-Adobe ones: AIR, Flash Professional, ColdFusion, LiveCycle, Dreamweaver, Flash Catalyst, ActionScript, Mobile and Devices, Video, PHP  and more.
  • Improved content discoverability:
    • Search engine optimization
    • Ability to drill-down by tag, or do a full-text search
    • “data visualizer” – the Flash widget you see on the homepage, which is a fun way to explore the content and the community behind it.
    • Related articles recommended for each recipe.
    • Leader board featuring the most active and the most recent contributors, including integration with Community Help profiles.
    • A new way to pull in new recipes, called “recipe requests”: users can ask for a help on a task or topic, and receive solutions from the other members of the community.
    • Slicker design, improved performance, etc.

Flash Platform tooling beta

Flash Platform tooling beta launch is now live. Adobe rolled out a lot of content on the labs and devnet. Get the latest Flash Builder 4 (ex. Flex Builder) and Flash Catalyst to play with them.

  1. Labs content
  2. Devnet articles
  3. Press release http://www.adobe.com/aboutadobe/pressroom/pressreleases/200906/060109NewFlashPlatformTools.html

Barcode 2d meet Microsoft Tag

VS Microsoft Tag

Both of this images represent my vCard – pretty much the same information. In order to read them you would need specialized programs. For the first one I found out that QuickMark v3.6R is a great tool to use (there are other tools out there as well) as for the second one the only possible tool is Microsoft Tag.

There are other differences also in the way the information is stored. The 2d barcode has the information stored in those black dots and the Microsoft Tag is just a graphical representation of an URL in my opinion. I say that because when I scan the Microsoft Tag an internet connection is required in order to retrieve the information from my vCard.

Aside from this, I think I will create a sticker with my barcode 2d for my cars window so when I block somebody in the parking lot they will have a way to find out my phone :) .

Flex Regular Expressions Tester – a new version

Some time ago I have created a Flex regular expressions tester. When I have moved my site to ICE I have decided to improve a little bit this tester and right now there is a new small Flex application that can be used to play around with some neat symbols :)

http://www.stratulat.com/Regular_Expressions_Flex.html

My site on ICE

Recently, to support the testing effort for the Adobe InContext Editing, I have changed all my site to benefit from this new service from Adobe. I was pretty bored with the old design so my site has a new look also.

my site on ice

My site on ICE

Adobe InContext Editing is an online service, available at no charge during the free preview period. It is a RIA application combining both Flex and JavaScript to create a very useful and simple tool to be used by both content contributors and web designers.

Basically what you do is create an HTML page and add some ICE editable regions from Dreamweaver CS4. Then you go in your browser at the same page and hit Ctrl+E and voila.. you can edit that page (in the image above is my Java page after I have done just that). If you need a similar page (let’s say Ajax in my case) you just hit the “duplicate page” button and that is all (aside from additional editing of that page).

Twitter client in AIR

I am not a big user of Twitter, however I wanted to have a Twitter client installed on my laptop, just in case. And, of course :) , I searched for an AIR one. What I found was Spaz, a Twitter client written in JavaScript as an AIR application.

Spaz is a Twitter client for users who value free, open-source software, attractive design, and customizability

Spaz is a Twitter client for users who value free, open-source software, attractive design, and customizability.

Use Flex Builder 3 to create a JavaScript AIR application – debugging.

In the first part of this article I wrote about how Flex Builder 3 can be used to create a JavaScript AIR application and how to set up the environment.

Going forward, one big part of developing an application is debugging it. The instrospector tool I am talking about does not help to debug an application in the same way the JDT debugger helps debug Java applications. Actually it works more like Firebug.

First you need to copy one file into the source folder of your project:

“c:\Program Files\Adobe\Flex Builder 3\sdks\3.0.0\frameworks\libs\air\AIRIntrospector.js”

copy AIRIntrospector.js into your project

The second step is to include it into your application:

import AIRIntrospector into your project

If you run the application right now, nothing will happen. The introspector is not started unless it is used. So let’s use it to see how it works. For that I will add the following piece of code just above the <body> tag.

<script>
air.Introspector.Console.log(window);
</script>

I made it a little bit interesting by logging the window object to see the power of this introspector.

Adobe AIR Introspector

You are now able to explore the entire structure of the window object to see exactly the value for each member. This console is a very powerful tool. As you can see there are more features there and we will explore those later. More about Adobe AIR Introspector can be found on the Adobe help resource center here.

Use Flex Builder 3 to create a JavaScript AIR application.

I have tried today to create an AIR application. My tool of choice was Flex Builder 3 as I knew you can create AIR applications using it.

So let’s see what I have done.

Of course, first I have created the AIR project:

New Flex Project - MyAirApp

From the beginning I have spotted a problem in this picture: there was no mention to HTML or JavaScript or anything. Adobe AIR has the capabilities to render HTML and one of the strongest points of this framework is that a web developer can basicaly hit the ground running and just program his way into the desktop world using HTML and JavaScript.

Going forward, I have search resources to see what is the tooling support for this and I found in Adobe’s documentation an entry about this: AIR development tools. Obviously, even if is not mentioned in that chapter of documentation, Flex Builder 3 has suppor for creating AIR applications so let’s persue this further and set up the environment.

If we run the application right now, MyAirApp window shows up as a Flex AIR application. We need to change that so MyAirApp to render html.

First let’s create index.html and set it up to be used by the AIR application. To do that the bin-degug/MyAirApp-app.xml file should be edited and change two tags: content and visible. Yes I now, is not a very elegant thing to do. Is just the first thing that helped me. I’ll try to find a less hackish way to this. If you already know one please share it with us.

Running now the application will render:

So here is my first HTML AIR application. OK, I said JavaScript AIR application into the title. This is only the first step to get there. More will come soon.

Have fun coding.

Free Adobe® Flex™ Builder 3 Pro for Education.

Ted Patrick writes on his blog that Flex Builder 3 Pro is free for Education.

So if you are a student of a professor just go to FlexRegistration.com claim your copy.

Fluid – web on your desktop

… for Leopard users at least.

After Mozilla found a new use for their technology, the XUL platform, in the form of Prism, somebody has found this technology inspiring and developed Fluid.

That somebody is not Apple as one first thought might be, but a web enthusiast, Todd Ditchendorf.

« Previous Entries

top