TubeFace.me revamped!

Posted on December 31, 2012 by Eugene

Hi all,

Since I had some spare time, i decided to rework TubeFace.me. The previous blog post about TubeFace.me is found here.

Instead of using Tornado, Facebook Graph API and so on, I decided to do a JavaScript application using JQuery, YouTube API, and some cool layout that is similar to Pinterest.

It’s still a little rough, for instance, I have not optimized the loading of and attaching of events to the video thumbnails.

Feel free to have a look at http://www.tubeface.me.

If you got any comments, feel free to let me know in the comments below.

PS: I intend to play the video inline via a LightBoxy kind of functionality. Stay tuned.

A Promising Realtime, Live Updating JavaScript Framework – Meteor

Posted on April 11, 2012 by Eugene

Just saw a new JavaScript framework worth mentioning : the Meteor JavaScript Framework [ http://www.meteor.com ]

You can view the demos here : http://www.meteor.com/examples/

What makes it really different is the ‘live page update” feature; see the demos to get a feel of what i mean.

Sounds really cool to me.

You can follow them at Twitter : https://twitter.com/#!/meteorjs

Finally, developers can follow them at : https://github.com/meteor/meteor

Best Resources for Learning Chrome Extension Development. A summary.

Posted on August 3, 2011 by Eugene

I was required to build an internal tool for migrating data from an deprecated platform to a platform based on WordPress.

Due to various complications, the migration of data cannot be done via server-side programmatic means.

Therefore I studied quite a bit on Google Chrome Extension as a viable means to perform this task.

So here’s a summary of the articles/resources I have read to get my job done:

If you are a beginner:

Getting Started with Google Chrome Extensions : http://code.google.com/chrome/extensions/getstarted.html
A nice tutorial by TutorialZine.com : http://tutorialzine.com/2010/06/making-first-chrome-extension/

Useful examples on how to use the APIs

The official Google Chrome Extension Samples : http://code.google.com/chrome/extensions/samples.html

Useful Answers to Various Chrome Extension Development Issues:

How to send response from Background.html to content script : http://stackoverflow.com/questions/5891126/chrome-extension-background-html-sendresponse-to-content-script , and http://stackoverflow.com/questions/5475370/message-passing-background-html-content-script
How to open a tab without popup : http://stackoverflow.com/questions/5642116/chrome-extension-open-tab-without-popup
How to inject content anonymously in Google Chrome : http://www.borderstylo.com/posts/220-anonymous-content-injection-in-google-chrome

Visualizing Social Data

Posted on March 21, 2011 by Eugene

[UPDATE on 21st March 2011]

I’m now working a similar but more powertool, read more about it here.

Introduction

This is a public post about a CS project which I have done in the previous semester for the course “Special Topics on Computer Science (B).

The idea behind this project is to visualize data from Twitter, Facebook and Google Buzz in the form of a TreeMap.

Usage

The usage is as follows:

User inputs topics of interest
Program scraps for dataacross Facebook, Twitter and Google Buzz
Results from 2. is aggregated according to its attributes
User can select the various attributes he wants to visualize.
After selecting attributes, the TreeMap is created based on the data and attributes selected.

Video Demonstration

Here’s a video demo : http://www.youtube.com/watch?v=5DNRd4wrLL0

Environment and Tools Used

Here’s the stuff which I’ve used:

An easier way to listen to music from YouTube

Posted on March 13, 2011 by Eugene

I’ve just built a small project, TubeFace.me over the past couple of days or so as a form of practise and to scratch my own itch.

I usually use YouTube to listen to music; clicking and searching through the results is quite a hassle to me. Not to mention opening new tabs.

I wanted to have an interface where I can perform search, view the results and play the video within the same page.

And so, i did just that. You can visit TubeFace.me right here.

So here’s a summary about TubeFace.me:

Features

instant search
view results on the same page
listen/watch videos on the same page
uses a grid based layout.
personalized recommendations if you login with Facebook.

Technologies

The technologies I’ve used are:

Tornado 1.2.1
Ubuntu 10.04 server Eidtion
JQuery 1.5,
Youtube API,
Facebook Graph Api

Visit TubeFace.me now and give it a try!

Twitter JavaScript API (and a small error).

Posted on October 19, 2010 by Eugene

Yes, it might be old news, Twitter has a pure javascript api found at http://platform.twitter.com/js-api.html But i wanted to point out that there’s an error in their sample code. At http://platform.twitter.com/js-api.html, the “facade method example” has a small mistake.

status.screenName

should read

status.user.screenName

If you use the former, you will receive a undefined value. That’s all for now.

JavaScript Testing Beginner’s Guide

Posted on August 10, 2010 by Eugene

Whoo! My first book, JavaScript Testing Beginner’s Guide is finally up.

Feel free to pop over to PacktPub to have a look.

The code samples are all located here.

If you have any questions, feel free to ask me here or leave a comment in this post.

Yuxian Eugene Liang

I'm a Researcher, Author, Web Developer, Business Developer.

Category Archives: javascript