HTML5 3Days on Tokyo.

I've joined HTML5 3Days 2009 on Tokyo at last saturday.

Day3 was Hackathon and I've made image manipulation with HTML5 at the day.

Following video is my work at hackathon.

This small project named "pbedit" is HTML5 image manipulation DEMO project.

Feature list.

• Image loading from URL
• Zooming in/out smooth with working on CSS3 transitions.
• Image brightness

Source code is on github,

http://github.com/ttrace/pbdit

If you want hack HTML5 image manipulation, please use my code.

pbtweet on github

pbtweet git repository is started.

ttrace's pbtweet_master

There is master, development and firefox branch on github. Branch 'firefox' is for Firefox greasemonkey userscript and only branch from master on this repository tree. Mainly I will develop on development branch and commit often and merge into 'master' branch and next development commit will be merged into 'firefox'.

These are not all pbtweet component. pbtweet resources are distributed on Yahoo! Pipes and pbtweet website. But you can reach all feature from these codes.

Feel free to fork and request to merge to me.

pbtweet dev 1.5 0073 builds bit.ly short link

Today, pbtweet dev 1.5 0073 is uploaded. Change log is following.

1. Delay from checking protected user problem is solved.
2. Auto url shorten with using bit.ly feature is added.
3. (via @[user_id]) style is changed into (via @[user_id] http://bit.ly/[alias]) style.
4. tweetphoto thumbnail for pic.gd link is supported.

In this version, I've changed 2 large part of pbtweet. 1st is bit.ly shorten and 2nd is via style changed.

1st bit.ly shorten link builder is only adding feature on pbtweet. I decided not to add any user interface for it. In this first implementation, pbtweet makes following url to be shorten automatically. Long and un-supported service URL is processed after type, paste or RT/via quoting.

• longer than 30 characters
• not shorten URL which supported by pbtweet
• not media service URL supported by pbtweet

2nd via style change is for future when ReTweeting is supported officially by Twitter. After official RT world, classic current RT style is redundant with official style then I'll make current RT button of pbtweet to mean smaller position on interface. Aside of RT, via with permalink of tweet status might be more important.

Older: [quote string] (via @[user_id]) [additional comment]

New: [quote string or your edited text] (via @[user_id] [bit.ly shorten URL for permalink]

Older example: pbtweet 1.5 dev is uploaded (via @infopbtweet) Hola!

New style example: pbtweet 1.5 dev comes! (via @infopbtweet http://bit.ly/ddwww)

I hate no way to access original tweets.

Enjoy pbtweet!

pbtweet dev 1.5 0072 supports some new media service

I've released pbtweet 1.5 0072 nearly to beta.

1. Thumbnail for Twitvid is added.
2. Flickr support is expanded.
3. Notification parsing bug is fixed (thx @Niratama)
4. Expanded URL area width is fixed.

In this update, some image services are added. pbtweet doesn't load image from ROW URL not to load malicious codes masked image extensions however some pbtweet users request to add to support for processing image URL.

I'm going to support only permanent URL from image services.

In same reason with supporting only image services, pbtweet will not show web-site status from URL in tweets. It's easy to insert malicious code on URL and hard to detect if it is danger code or safeURL.

Twitpocalypse opened 64bit computing

Today, we've through into 64 bit world with Twitpocalipse. Our usually 64bit computing is not started with A.I., 3DCG nor gene processing. Simple but world-wide message service make it start 64bit computing.

Length of serial number of tweets , this number is called status_id in twitter API document , filled out 32 bit computing. 32bit process can't read tweet's status id as number and can't sort tweets along post time. Some poetry person called this as "Twitpocalypse". 1st Twitpocalypse occurred at last July and second and final Twitpocalypse came today artificially.

pbtweet is not affected by Twitpocalypse even if your web-browser works under 32bit process.

pbtweet handle status_id for sorting automatically updated tweets in Javascript. Javascript handle all number as floating point inside and number length is not limited by bit length of browser process.

pbtweet dev 1.5 0071

pbtweet dev 1.5 0071 is uploaded.

http://web.me.com/t_trace/pbtweet.html#develop

1. Added j.mp shorten URL expand.
2. Redundant conversation problem from 0070 is fixed.
3. Working on single status page.
4. Fixing problem with RT/via with tweets contains quote.

1. j.mp works same with using bit.ly API.

Though it's normal implement, j.mp is able to be expand with using bit.ly API.

pbtweet expand some type of shorten URLs. bit.ly and j.mp is processed with using their native javascript API via JSONP. ff.im is scraped HTML of FriendFeed website with using Yahoo! Pipes. And other URLs are decoded with using search.twitter.com.

In 0071, I've changed some codes with calling bit.ly API into normal way.

pbtweet requires callback object to contain original <a> DOM id from script in order to execute adding long URL process asynchronously, but bit.ly API is not capable to carry particular string in JSONP object. Until 0070, pbtweet send DOM id with shorten URL alias in batch style and getting DOM id from error message, however I know this is not smart way... bit.ly fixed this artefact in changing callback object not to contain invalid alias error at last Friday, and pbtweet dev 0070 can't add longURL to original <a> segment.

I changed my "wrong" way to build unique script objects in each process to send DOM id to function which adding longURL onto original <a> segment.

pbtweet 1.4 movie

pbtweet 1.4 movie is uploaded on YouTube.com.



I use ScreenFlow for capturing live operation and for editing movie. ScreenFlow is one-stop solution for making video presentation for Mac software developer.