Friday, February 03, 2012    
Home My Books Blog ColdFusion About Me Back    

Calendar
<< Feb 2012 >>
S M T W T F S
      1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29      

Search

Categories
 • Acrobat (5) [RSS]
 • Adobe (110) [RSS]
 • AdobeMAX06 (45) [RSS]
 • AdobeMAX07 (59) [RSS]
 • AdobeMAX08 (66) [RSS]
 • AdobeMAX09 (39) [RSS]
 • AdobeMAX10 (34) [RSS]
 • AdobeMAX11 (27) [RSS]
 • AIR (297) [RSS]
 • Appearances (217) [RSS]
 • Books (86) [RSS]
 • CFEclipse (15) [RSS]
 • Cloud (1) [RSS]
 • ColdFusion (1477) [RSS]
 • ColdFusion Builder (22) [RSS]
 • Data Services (42) [RSS]
 • Fish Tank (5) [RSS]
 • Flash (356) [RSS]
 • Flex (561) [RSS]
 • Home Automation (5) [RSS]
 • HTML5 (21) [RSS]
 • JavaScript (2) [RSS]
 • Jobs (130) [RSS]
 • jQuery (14) [RSS]
 • JRun (14) [RSS]
 • Labs (62) [RSS]
 • LiveCycle (37) [RSS]
 • MAX (284) [RSS]
 • Mobile (238) [RSS]
 • Regular Expressions (19) [RSS]
 • RIA (21) [RSS]
 • SQL (45) [RSS]
 • Stuff (554) [RSS]
 • Tips (CF Studio) (80) [RSS]
 • Tips (CF) (795) [RSS]
 • Tips (Dreamweaver) (91) [RSS]
 • Tips (Flex Builder) (2) [RSS]
 • Using CF (167) [RSS]

Other BLOGs
 • Charlie Arehart
 • Lee Brimelow
 • Ray Camden
 • Christophe Coenraets
 • Sean Corfield
 • Mihai Corlan
 • Cornel Creanga
 • Mark Doherty
 • John Dowdell
 • Danny Dura
 • Enrique Duvos
 • Steven Erat
 • Kevin Hoyt
 • Serge Jespers
 • Adam Lehman
 • Duane Nickull
 • Miti Pricope
 • Andrew Shorten
 • Ryan Stewart
 • James Ward
 • Greg Wilson
 • Full As A Goog

RSS Feeds
 • Feed
 • Subscribe

Join my mailing list and find out about new books and other topics of interest.

Thoughts, ideas, tips, musings, and pontifications (not necessarily in that order) by Ben Forta ...
NOTE: This is my personal blog, and the opinions and statements voiced here are my own.

February 1, 2012

PhoneGap 1.4 Released

PhoneGap 1.4 has just been released, and here's a list of all that has changed.

January 31, 2012

jQuery Mobile 1.0.1 Released

jQuery Mobile 1.0.1 has been released, full list of enhancements in this blog post.

January 30, 2012

Ray Camden On Getting Started With PhoneGap

The latest Inspire Magazine is out, and it includes an article by our own Ray Camden on Combining your web skills with PhoneGap to build mobile apps.

January 27, 2012

Thibault Imbert Introduces Flash Player 11.2 And AIR 3.2 Beta 4

Thibault Imbert has written a great post Introducing Flash Player 11.2 and AIR 3.2 Beta 4 and Stage 3D support.

January 26, 2012

CF-FireLogger Brings ColdFusion Support To FireLogger

FireLogger is a server logger console for Firebug with built-in support for Python and PHP. CF-FireLogger adds ColdFusion support to FireLogger, enabling logging of information from within ColdFusion code directly to the Firebug/FireLogger console.

January 24, 2012

ColdFusion Position At Adobe

I usually post these on Fridays, but this one is too good to wait:

  • Adobe (San Jose, CA or San Francisco, CA) is looking for a ColdFusion developer to join the Adobe.com team. Requirements include BS or advanced degree and 3+ years experience (or equivalent knowledge), and experience with ColdFusion, Mach-ii, AJAX, JSON, XML, and Adobe AIR. This is a 6-12 month contract position with the possibility of converting to full-time in the future. Send resume to Kavitha Mattikalli.

January 23, 2012

Introducing Adobe Edge Preview 4

I mentioned Adobe Edge Preview 4 last week. The father of Edge, Mark Anders, has recorded a video for Adove TV that highlights some of what is new in Preview 4, including symbols (which allow you to create reusable objects that are independent of the main composition), web fonts, and more.

January 20, 2012

ColdFusion Position In DC

One more this week (and I love the way this position is described):

January 19, 2012

Holly Schinsky Provides A Flex Update

Fellow Adobe evangelist Holly Schinsky has posted an update on Apache Flex progress.


Edge Preview 4 Released

Adobe Edge Preview 4 is now available! Preview 4 introduces significant new features like Symbols, Web Fonts, and Element Display, as well as a number of usability and performance enhancements.

January 17, 2012

Flex User Group 2012 Tour North America Dates

The Flex User Group 2012 Tour: North America Dates have been posted. Watch for Europe and Asia dates coming shortly.

January 16, 2012

ColdFusion Blog Relaunched

The ColdFusion team has relaunched their blog at blogs.coldfusion.com.

January 13, 2012

Chicago Tribune Likes The AIR Based Politifact App

The Chicago Tribune is running a story on how to Track the primaries and the candidates this election season. The first app they picked? The Flex and AIR based PolitiFact app.


4-6 ColdFusion Positions In AZ

Here's a new opportunity:

  • Simpleview (Tucson, AZ) is looking for 4-6 ColdFusion developers. Requirements include strong HTML, JavaScript, and CSS skills, as well as a solid understanding of SQL Server T-SQL and CMS experience. Details posted online.

January 10, 2012

PhoneGap Wins InfoWorld's 2012 Technology Of The Year Award


Pete Freitag Explains Using HttpOnly Cookies With ColdFusion

ColdFusion security guru Pete Freitag has written an article for ADC on Securing your applications using HttpOnly cookies with ColdFusion, explaining what these are, why they are important, and how you can leverage them to improve the security of your ColdFusion applications.

January 9, 2012

Harish Sivaramakrishnan's HTML Graphing Experiment

Fellow Adobe evangelist Harish Sivaramakrishnan has posted a Demo of Data visualization inspired by Google Zeitgeist 2011, and as he notes, "it's almost Flash like, but built in HTML, CSS and JavaScript".

January 5, 2012

Preventing Annoying jQuery Mobile Page Transitions

The default jQuery Mobile page transitions are slide for pages and pop for dialogs. And on Android these can be sluggish and appear to flash on and off annoyingly. Turning off transitions is easy, well, once you know the code you need. The following (which is not overly clear in the docs) was given to me by fellow Adobian, and jQuery Mobile contributor, Kin Blas.

$(document).bind("mobileinit", function() {
    $.mobile.defaultPageTransition = "none";
    $.mobile.defaultDialogTransition = "none";
});

Simple, right? Well, there is one catch. The mobileinit event has to be bound before jQuery Mobile is loaded. In other words it needs to be after your code that loads jQuery, but before the code that loads jQuery Mobile. You can put it right inline, or in its own .js file, which you can include.

January 3, 2012

Series On jQuery Mobile Theme Skinning

The Fireworks team has started a 5-part blog series on jQuery Mobile Theme Skinning using Fireworks CS5 and the CSS3 Mobile Pack extension.

December 31, 2011

Flex Accepted As Apache Incubation Product

Title says it all, see this message.

December 30, 2011

Displaying A Loading Indicator In jQuery Apps

The following is based on a jQuery Mobile app I am working on. But, the code and details apply to jQuery, too.

The app I am working on makes frequent Ajax calls to back-end services, and so I want a busy indicator that shows the user that activity is occurring. This is actually really easy to do, once you have a few steps in place. So ...

First you'll need the indicator itself. The simplest way to do this is with an animated GIF (and, yes, that means that the indicator won't reflect the relative wait time like a progress bar would). For great free animated GIF loading indicators, go to ajaxload.info. Once you have the image, embed it in your page using an <img> tag:

<img id="imgAjaxLoader" class="ajaxLoader" src="images/ajax-loader.gif" />

I want the image centered on the page, accomplished using this CSS:

.ajaxLoader {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -24px;
    margin-left: -24px;
    z-index: 100;
    display: none;
}

The GIF I used was 48px x 48px, so the margins are set to -half that size. That, combined with 50% for top and left ensures that the image is centered in the page. z-index is set to 100 to ensure that the image is in the foreground, and display:none prevents the image from being displayed.

Now there is an invisible animated GIF on the page. The next step is to show the image when an Ajax call starts and hide it when the call completes. jQuery makes this incredibly simple to do via the ajaxSetup() function. Here's the code:

$.ajaxSetup({
    beforeSend:function(){
        $("#imgAjaxLoader").show();
    },
    complete:function(){
        $("#imgAjaxLoader").hide();
    }
});

When an Ajax call is initiated, beforeSend calls .show() to display the animated GIF, and when complete, .hide() hides the image. Simple.

My own jQuery Mobile app makes Ajax calls on multiple pages, and so I embedded the same animated GIF on each page, all using the same style. Rather than bothering to track which page is displayed to show / hide just that animated GIF, I use jQuery to show / hide all of them, like this:

$.ajaxSetup({
    beforeSend:function(){
        $(".ajaxLoader").show();
    },
    complete:function(){
        $(".ajaxLoader").hide();
    }
});

.ajaxLoader finds every tag styled as ajaxLoader, so $(".ajaxLoader").show() shows all of the loader GIFs and $(".ajaxLoader").hide() hides them all.

Nice and simple!

December 29, 2011

jQuery Mobile Collapsible Control Refresh Gotcha

jQuery lets you manipulate control contents at runtime, for example, you can add and items to an ordered or unordered list using code like this:

$('#myList').append('<li>Some text</li>');

If you do this in jQuery Mobile, you must then force the control to refresh so that formatting and styles are reapplied, like this:

$('#myList').listview('refresh');

Simple, right? Well, not always. One of my lists contains collapsible items created using data-role="collapsible". And for some reason that I have yet to determine, when listview('refresh') refreshed the control it did not refresh the collapsible data-role, so all data was displayed, head and collapsible content, in one mess.

The solution? I had to call the collapsible() method on each list item that needed to be collapsible in addition to doing the refresh. I used jQuery .find() to find all <li> controls with a data-role of "collapsible", and then called .collapsible({refresh:true}) for each, like this:

$('#myList').listview('refresh');
$('#myList').find('li[data-role=collapsible]').collapsible({refresh:true});

Obviously, to use this code with other controls you'd need to change 'li[data-role=collapsible]' to reflect the HTML control you are using.

Again, I have yet to figure out why this is necessary. But, it is, and it works.

December 27, 2011

Flex Joining Apache Incubator Voting

Bertrand Delacretaz has announced that the proposal to have Flex join the Apache Incubator is now open for voting.

December 21, 2011

EchoSign eSignature App For iOS

Need legally-binding electronically signed documents on the go? Check out the free Adobe EchoSign app. Details here

December 16, 2011

Adam Flater On The Future Of Flex

Earlier this week we hosted a summit to discuss our plans for Flex and the partnership with Apache Software Foundation. In attendance was Roundrach's Adam Flater who has shared his thoughts on the subject. This one is worth the read, both the post and the comments.

  © Copyright 1997-2009 Ben Forta, All Rights Reserved