Search

Loading

Sunday, 12 May 2013

Google Mother's day CSS 3 Magic doodle

First of all : Happy Mother's Day to every moms in the world. Google presented their Mother's day doodle on their site. It's a splendid beautiful doodle they have created and amazing CSS and Javscript. As you can see in the doodle, it is not a CANVAS frame it's PLAIN HTML and CSS. Ain't that awesome.
Using CSS3 rotate and transform functions they sure made one big doodle. It's a jungle of code.

The source code has 163,035 characters (without spaces).

How To Embed this doodle

Download the entire source code from Subins Get here.
Extract index.html and sc.js to a folder named mom-doodle in website's folder. Edit the page where you want to embed the doodle. Place the following code where you want to embed the doodle :
<iframe height="247" width="450" src="mom-doodle/index.html"></iframe>

Friday, 10 May 2013

Friendshood Update new feature - Post to Facebook

I updated Friendshood. The new feature is that the user can post status update and photos to Facebook along with posting in Friendshood. I implemented this function using Facebook PHP SDK. You can download the SDK here.

It was not quite easy. It was hard to make Picture uploading function along with the normal status update. Next I'm gonna implement twitter posting from Friendshood.

I'm gonna tell you how to post a status update in the following posts. Wait for it.

How to get Facebook PHP SDK and install it

Download Facebook PHP SDK from here.
Extract the folder src in the zip file to a folder named fbsdk in the home directory of your app.

Installation

There is no installation. You can run the functions in the file if you put this line at top of each file you run the SDK functions :
include('fbsdk/facebook.php');
Facebook SDK requires the following to work properly :

  1. JSON PHP extension.
  2. CURL PHP extension.