This is intended for non programmer as a step by step guide of how to to display Flash content in a Tab page. (Note: technically, there’s no longer Tabs in Facebook pages since Facebook moved the tab to the left Sidebar, but I will still refer them as Tabs). Non developers no need to freak […]
The traditional method of adding custom contents to a Page is by using the Static FBML application. This approach has a lot of limitations, such as not being able to call Javascript or PHP files. This method as you may already know, it is being deprecated by Facebook. See Developer Roadmap. The other […]
This tutorial demonstrates how to use Google MAP API version 3 to find a location and puts a marker on the MAP. For information about setting up the map, see here: /blog/2011/04/using-google-map-api-3-for-javascript-beginner-how-to-and-example/. New to Version 3 of the API is the Geolocation service, which enables you to retrieve the location information (including longitude […]
The Google MAP API version 3 offers improvements over the previous versions that makes it easier and more convenient to use. The one I like the most: you no longer need to obtain an API Key to use, very convenient. You can read more about the changes and the API here: http://code.google.com/apis/maps/documentation/javascript/basics.html. This guide […]
The guide below is an extension of this tutorial: https://www.permadi.com/blog/2010/12/using-facebook-open-graph-api-in-flash-as3/. The function to get your profile picture is Where uid is the Facebook user id. Once you establish a Facebook connection, your user id is available at Facebook.getSession().uid. So we can call: This will give you the URL which ‘theoretically’ you can ask a Loader […]
This guide assumes familiarity with setting up application susing Facebook Open Graph API in JavaScript, which is explained here: /blog/2010/11/facebook-open-graph-api-authenticating-in-iframe-applications/ Simple List To get the list of friends using Open Graph API, you can call: after the user is authenticated. Example: Note: FB.api(‘/me/friends’, onFriendsListLoaded) sends the request to Facebook and onFriendsListLoaded is the callback function. […]
In this part of the turorial, we will explore how to extend WordPress forms to show new fields in Custom Post Types that we created in the previous part of the tutorial. The previous part of this tutorial can be read here: https://www.permadi.com/blog/2010/11/introduction-to-custom-post-types-in-wordpress-3-part-1/. This part of the tutorial will show you how to create custom […]
Custom Post Types functionality is added in WordPress 3 (it was present in 2.9 but with limited featrues). Broadly speaking, with Custom Post Types, your Posts (also commonly referred as blog-enty” or “blog-post”) are no longer limited to the two predefined types of Post and Page and most likely you end up with the standard […]
Below is a sample WebM video encoded with Wildform Flix which is a FREE WebM encoder. You need a HTML5 enabled browser and browsers that support WebM videos. And while at it, why not read WebM Overview. Which browser can see this video? You can use the The latest build of Chrome to view […]
This is a general outline of how to utilize HTML5 Canvas to do animation using the traditional cell-animations, aka: image-strips. Here’s the image that I am using for this example; as you can see, it consists of 8 frames of equal width. It’s an animation of someone walking, shows in a top-down view. To draw […]
