Background For an introduction to how to add a basic Facebook Like Button, head over to: https://www.permadi.com/blog/2010/10/adding-facebook-like-widget-button-to-your-web-pages/.  This tutorial build upon that tutorial and shows how you can customize the appearance of the post when someone clicks the Facebook Like button. Introduction In order to control the appearance of the post that appears when someone […]

In this tutorial, we will demonstrate methods of saving the content of a HTML5 Canvas object using server side scripting. PHP will be used in this example, but the technique can be applied in other languages as well. This post requires understanding of Javascript, HTML (especially forms and/or AJAX). PHP is used in the example […]

HTML

First, get the Facebook code that you’d like to use. There are several variations described here: https://www.permadi.com/blog/2010/10/adding-facebook-like-widget-button-to-your-web-pages/ An example code is shown below (depending on which options you chose, the code may look slightly different: The section to pay attention to is This contains the URL to ‘like,’ and we will modify the value depending […]

The is a popular feature of Facebook that have been implemented by many websites.  The widget increases traffic and helps to publicize your stuff.  The Facebook official documentation about how to do this is here: http://developers.facebook.com/docs/reference/plugins/like. In general, the process is fairly simple. Requirement – You should have a Facebook account (this is actually optional […]

Using FileReference, you can allow user to upload files from their computer to be used. This can be useful in applications such as photo processing applications, image manipulation applications, etc. For more information, see: https://www.permadi.com/blog/2009/05/actionscript-3-using-file-reference-to-load-local-swf/ Here’s the general outline of the steps required to load a file from user’s computer. Note that these steps require […]

WebM is the new media-container format announced by Google during the Google I/O conference this year. For a broad overview of WebM, see this post: https://www.permadi.com/blog/2010/05/webm-overview/ WebM is based on MKV (Matroska) container format, which uses EBML structure to store informations, tagging and organizing data in hierachial tree-like structure.  EBML is a basically binary version […]

Sample WebM Video
May 19, 2010

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? I tested playback with these Chromium builds (Chromium is the base of […]