Facebook’s AS3 API has handy built in methods for dealing with Javascript / Flash communication regarding authentication and other Facebook events. However, it doesn’t always work when it should. Consider the situation below:

Facebook.addJSEventListener('auth.login', onSessionChange);
var opts:Object = {scope:"publish_stream, user_photos, create_event"};
Facebook.login(onResult, opts);

In this case, we simply want to login and get the response from Facebook when our user has completed authentication. 

This works when the user is already logged into Facebook and Flash merely needs to register the application instance. However, if the user has to deal with the login prompt, the API does something funny. Flash will receive the response from Facebook but it will not necessarily be ready on Facebook’s server by the time you get it. Meaning your method receiving your auth.login event  will be called but if you try to do anything like …

Facebook.api('/me',onMeResult);

… your result will be an unauthenticated user error.

So the problem is that Facebook doesn’t assure it’s ready on its end before it sends you the response. My solution is terrible but it works — consider using a timer for your first API call with one second intervals from your auth.login method. In case the user cannot log in you might want to limit it to 5 cycles since no one will realistically time out longer than 5 seconds.

In their December 2011 changes to the Javascript SDK, Facebook has caused certain websites using the AS3 API to break. The issue arises with the login pop-up window no longer appearing when Facebook.login is called.

The problem lies within the perms parameter used in Facebook.login. You must now use scope instead.

var opts:Object = {scope:"publish_stream, user_photos, create_event"};
Facebook.login(onResult, opts); 

This solve was found at the facebook-actionscript-api Google Code group. Thanks guys!

As of late 2011, Facebook has begun to phase out the View App Profile button you may have used to connect Facebook Apps to fan pages.

The replacement technique is rather strange. You need to type a specific URL into your browser and fill out the following:

https://www.facebook.com/dialog/pagetab?app_id=APP_ID&redirect_uri=TAB_SOURCE_URL

If you provide the correct parameters, you will receive the following dialogue box:

You can read more at Facebook’s official documentation below.
https://developers.facebook.com/docs/reference/dialogs/add_to_page/

WordPress automatically generates thumbnails for every image you upload. However, it does not make these thumbnails obviously accessible through code, and people have built a number of plugins to allow you to work around this.

Grabbing thumbnails and resized images is essential to creating galleries or grids of similar images. Knowing a few tricks about WordPress will help you do this more efficiently and without causing conflicts with other sections of your site.

1) Custom thumbnail sizes. You can have WordPress generate any number of thumbnails from every image you upload. For example, put the following code in functions.php.

if ( function_exists( ‘add_image_size’ ) ) {

add_image_size( ‘press-thumb’, 226, 292, true );
add_image_size( ‘news-thumb-small’, 63, 42, true );
add_image_size( ‘news-thumb-medium’, 228, 146, true );
add_image_size( ‘news-thumb-large’, 450, 230, true );
add_image_size( ‘news-thumb-xl’, 640, 390, true );

}

Note that creating a new image size requires WordPress to regenerate your thumbnails. Otherwise you will have odd sizes scaled to whatever you’ve recently specified. There is a handy plugin that can help you out with that.

Regenerate Thumbnails: http://wordpress.org/extend/plugins/regenerate-thumbnails/

2. wp_get_attachment_link

Every time you upload or insert images into a post, they will appear in the post’s attachments (or Gallery tab in the Upload/Insert pop-up). You can grab all of these images and select a thumbnail size using a combination of get_posts and wp_get_attachment_link.

$args = array(
‘post_type’ => ‘attachment’,
‘numberposts’ => -1,
‘post_status’ => NULL,
‘post_parent’ => $post->ID,
‘exclude’ => get_post_thumbnail_id()
);

$attachments = get_posts($args);
if ($attachments) {
foreach ($attachments as $attachment) {
echo wp_get_attachment_link($attachment->ID, ‘media-thumb’);
}
}

In this code we simply echo’d the attachment, but by storing it in a variable instead you can just imagine how it’d be simple to reorganize this into a gallery or image grid.

Have you tried using Facebook Comments on your WordPress or dynamic website only to find that every comment is the same?

The solution is simple. In your embed code, make sure that the XID is set to a unique ID, blank, or “”. When this is filled in, Facebook uses it to identify your specific comment box in case you want to place it in multiple locations and maintain the same comments. If you leave it blank, Facebook will use the URL of the page as the box’s unique identifier, meaning that every page will get a different comment box.

<div id=”fb-root”></div><script src=”http://connect.facebook.net/en_US/all.js#appId=0000000000000&amp;amp;xfbml=1″></script>
<fb:comments xid=”” numposts=”10″ width=”640″ publish_feed=”true”></fb:comments>