84 Bytes

27 June, 2008 12:14 am

Javascript Photo Collages with Canvas

Posted by Richard Wong under Javascript | 0 Comment

Ernest Delgado has experimented with Canvas to create a Photo Collages User Interface similar to the Microsoft surface. You can freely drag-n-drop, rotate, resize images and even output it to image file.

You can find try out the demo to see how good it is. Ernest also explained about how it is implemented and the problems he faced in the article. There are also example of it integrated with Flickr and Picasa which is very interesting.

You can download the source code and experiment with yourself.

15 June, 2008 11:42 pm

Simple JQuery Feed Plugin using Google AJAX Feed API

Posted by Richard Wong under JQuery, Javascript | 2 Comments

Many of you may have already heard about the . It allows you to download any RSS or Atom feed using only Javascript. So we can easily start integrating different feeds or building mashups on our sites with just Javascript.

Although Google have added a to add feed to any website without writing any code, some of you might still want to a flexible and clean method to integrate Feeds. M. Alsup at Malsup.com has created a simple and unobtrusive jQuery plugin using the Google AJAX Feed API. It is a very simple and straightforward plugin that makes integrating feeds to jQuery sites even easier.

You can download and see a demo here

11 June, 2008 12:48 am

php.js: Porting PHP to Javascript

Posted by Richard Wong under Javascript, PHP | 0 Comment

has started the “Porting PHP to Javascript” project with the idea of porting crucial PHP functions into Javascript. The project has already ported 138 PHP functions and is continuously adding more.

For example:

• – download the contents of a file on your site using AJAX and load it into a string
• – search and replace strings, regular expressions, or arrays.
• – Calculate the md5 hash of a string

For those of you writing a lot of PHP, this will make your life easier when you write Javascript. All you need to do is include and you can use all the those ported PHP functions in Javascript.

9 June, 2008 1:53 am

280 Slides: Using Javascript to build the Keynote on the web

Posted by Richard Wong under Javascript, Tools, Web Apps | 0 Comment

280 Slides a new online slideshow creator among existing services like , Sliderocket, Empressr or Zoho. The first thing you notice with 280 Slides is that it looks pretty similar to Apple Keynote. It has an easy to use interface with a strong feel of a desktop application.

Although, it still cannot replace a desktop application with lack of advance features like charts, styling or effects. It does provide you with interesting ability to integrate with other web services like publishing to , or add media from YouTube and Flickr.

The very interesting thing about this application is that it is built by a Javascript Framework called Cappuccino which is a port of the Apple Cocoa framework. In the process, they made Javascript Objective and calling it Objective-J that they will open source soon. This means developers on the Apple platforms using Objective-C could use this to build web apps a lot easier and at the same time, introducing more people to Cocoa and Objective-C.

Sources:

280 Slides: Like Apple Keynote, But Online [via Techcrunch]

An interview with 280 North on Objective-J and Cappuccino [via Ajaxian]

6 June, 2008 11:41 pm

NitobiBug – Javascript Debugging Script

Posted by Richard Wong under Javascript, Tools | 3 Comments

NitobiBug is a Javascript debugging script that once embedded, it can be used as a object logger and inspection tool. The main selling point of NitobiBug is that it is a light weight script you include in the page. This means it runs across different browsers without the need to install any plugins or extension.

Although the interface and features are not as powerful or rich as Firebug, this is still a handy tool to use when trying to debug on multiple browsers.

You can see a and download it

NitobiBug