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 […]

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 […]

Download the Free software from Wildform (currently Windows only).  Check for updates, Flix WebM will also support 2-pass encoding in the near future. Open the input video (this video should be playable on your computer as Flix uses codecs installed in your computer to read the video).  Almost all format are supported: WMV, MOV, AVI, […]

Chrome is shaping up to be the best browser around.  It’s fast and it is developer-friendly, with its own Firebug-like tools.  Under View->Developer->Developer Tools you can find the goodie. See below for screenshot. The Element inspector can be accessed with the Magnfying Glass icon on the bottom, and then you can hover your mouse to […]

In this example, we will be adding a watermark (logo) into an image using PHP and GD library. For introduction to PHP GD, visit this post: /blog/2010/03/using-php-gd-to-create-images/ This is the logo image that I will be using: This logo is a PNG file with alpha channel. With transparent images, using PNG is better than using […]

ActionScript

This is a basic example of loading and processing RSS2 Feed in Flash. It assumes familiarity with the Flash authoring environment and basic programming, in particular, XML processing and text field. For an introduction to using XML in Flash, you are encouraged to read this post: https://permadi.com/blog/2010/03/flash-as3-basic-xml-reading-and-parsing-example-part-1/ For our example, let’s use RSS2 standard since […]

HTML

PHP is a powerful scripting language and there are many powerful plug-ins available. One of them is GD, which can be used to create images on the fly. GD, originally developed by Thomas Boutell by far is the most popular image-processing library for PHP (it is also available for other languages like Perl). GD has […]