竹部落

[Notebook] How to setup iphoneofflinemap on your iPhone, cydia requirement.

noreply@blogger.com (Cage) — Thu, 22 Sep 2011 08:49:03 PDT

Smart phone map App may have already improved your life experience if you ever used it. You can check map anytime and anywhere on your smart phone but internet necessary. Offlinemap let you can check map without internet. It's very convenient to you when you are in oversea or can't access the internet.

iphoneofflinemap is an iphone cydia app that you can put offline map grabbed from Google map using GMDL (Global Map Download Tool)

simple scenario

preparing necessary tools → backup current iphone cache map → Download target offline map → modify downloaded map → upload to iPhone → setup bookmark → respring

Step1.Getting started. You need to download few tools.

GMDL (Global Map Download Tool). In iphoneofflinemap project. issues 59 reported: downloaded map doesn't work with ios4. Someone update a GMDL ip4 v10 hack. You can download hacked version here that you don't need to convert maps by mapconverter anymore.
SQLite manager Firefox extension that you can modify downloaded map.
iFunbox that you can upload offline maps to your iPhone very easily.
install iphoneofflinemap app in cydia

Step2. backup iPhone current cache map.

Attache iPhone to computer and backup "/var/mobile/Library/Caches/Map/MapTiles/MapTiles.sqlitedb" (this is original iPhone cache map) by iFunbox.

Step3. Grab target offline map you want to download.

Download maps by GMDL.
Convert maps tiles in an SQLite DB. The only one thing you should notice is locale. "en_TW" for example.
In output folder. You can see "com.apple.Maps" and "MapTiles.sqlitedb". done.

Step4. Modify download maps.

Open backup cache map earlier (original MapTiles.sqlitedb) by Firefox SQLite manager can check version and locale.
Modify downloaded MapTiles.sqlistedb version and locale same as cache map.

Step5. Upload offline map to your iPhone.

put target offline maps MapTiles.sqlitedb to "/var/mobile/Media/Maps/ChiMai". If Media don't have "Maps" folder, create one and put maps on folder you want by iFunbox.

Step6. Setup offline map bookmark.
Without internet access. you still can view map with GPS but search and direction. Therefore, it's better to put some map books in offline map also.

you can visit Google Map (my places) and make some placemarks in maps called "Thailand trip" for example.
copy KML address and visit (http://vcenter.iis.sinica.edu.tw/mobile/kml/loadkml_map.html) to convert those placemarks to iPhone plist.
upload Bookmarks.plist to "/var/mobile/Library/Map" (it's better to backup original one)

Step7. respring (it's very important).

open iphoneofflinemap (atlas) on iphone and "remove all caches".
type your map and select copy
select "Continues". Do NOT select "Map" directly.
respring your iPhone
turn off 3G, WiFi and Data. You can use offline map now.

Result.

[Notebook] Using jQuery templates in Google AppEngine

noreply@blogger.com (Cage) — Sun, 04 Sep 2011 07:54:36 PDT

jQuery is a powerful javascript library that you can improve web browser experience just add some js codes. jQuery also has a lot of useful plugin you can add. lightbox, autocomplete etc.

jQuery supports Templates plugin now that you can render HTML code very simply. Here has very detail document and tutorial. Today, i will talk about how to use jQuery templates in Google AppEngine. What is the problem using jQuery templates in Google AppEngine web application.? Braces {}.

Templates syntax.
Google AppEngine Django template.

{% for item in objs %}
	{{item}},
{% endfor %}

jQuery Templates

<script id="doclistTmp" type="text/x-jquery-tmpl">
        {{each(i, o) obj}}
        <tr class="{{if i%2== 0}}odd{{else}}even{{/if}}">
            <td> ${title}</td>
            <td>${type}</td>
            <td>${folders}</td>
        </tr>
        {{/each}}
</script>

They both use brases is problem that you will meet it if you want to use jQuery templates via ajax in Google AppEngine. Then, how to setup jQuery templates in Google AppEngine.

Step1.
Register a tag in a py file called "verbatim_templatetag.py" {{if condition}} print something{{/if}}. Tell Django don't change anything within this tag.

"""
jQuery templates use constructs like:

    {{if condition}} print something{{/if}}

This, of course, completely screws up Django templates,
because Django thinks {{ and }} mean something.

Wrap {% verbatim %} and {% endverbatim %} around those
blocks of jQuery templates and this will try its best
to output the contents with no changes.
"""

from django import template

register = template.Library()

class VerbatimNode(template.Node):

    def __init__(self, text):
        self.text = text

    def render(self, context):
        return self.text

@register.tag
def verbatim(parser, token):
    text = []
    while 1:
        token = parser.tokens.pop(0)
        if token.contents == 'endverbatim':
            break
        if token.token_type == template.TOKEN_VAR:
            text.append('{{')
        elif token.token_type == template.TOKEN_BLOCK:
            text.append('{%')
        text.append(token.contents)
        if token.token_type == template.TOKEN_VAR:
            text.append('}}')
        elif token.token_type == template.TOKEN_BLOCK:
            text.append('%}')
    return VerbatimNode(''.join(text))

Step2.
Include custom tag in your py file that you use web template

 template.register_template_library('verbatim_templatetag')

Step3.
Add you jQuery template to html page.

 {% verbatim %}
        <script id="movieTemplate" type="text/x-jquery-tmpl">
            <tr>
                <td>${posted}</td>
                <td><a href="${link}">${response_count}</a></td>
                <td>{{html content}}</td>
            </tr>
        </script>
 {% endverbatim %}

Step.4
call jQuery templates.

  $("#movieList").html($("#movieTemplate").tmpl( plurks ));

Reference

Manage ebooks download list with Google Reader and RTM

noreply@blogger.com (Cage) — Mon, 09 May 2011 08:33:24 PDT

cause tablet computer like iPad etc. It's very convenient to read ebook (epub, pdf, etc) in your tablet computer anywhere. I like to download pdf ebook from websites and upload to my Google Docs. Then, i have my own ebook bookshelf on the cloud. I subscript few ebooks shared website. Most of those ebooks shared from web spaces that is limited download if you don't pay money. So, i create a RTM list to manage how many ebooks i haven't download. Once i downad it and i will mark it complete.

simple scenario is:
Google Reader → send to function → RTM

step:

RTM setting: create a list called "ebook"
viste: https://m.rememberthemilk.com/add
after login your RTM. you will see the a simple form.
you can get "List" dropdown list value(id) by viewing sources code. ebook
Google Reader setting:
options > Reader settings > Send To, Create a custom link

Name: RTM(ebook download)
URL: https://m.rememberthemilk.com/add?name=${title}&url=${url}&due=2 days&priority=3&repeat=0&estimate=5 minutes&tags=download&list=[your ebook list id]
Icon url: http://www.rememberthemilk.com/favicon.ico

fill form out with above value. You might notice that you can assign due, priority etc. The most important here is your ebook list id (you can get it at step 2). After finishing and save.

All settings done.
Now, you can subscript ebook download site (http://www.wowebook.com/ for example) RSS. Once you get a new RSS and want to add to your RTM ebook download list. Just click "send to > RTM(ebook download)". You will redirect to http://m.rememberthemilk.com. Click "Add Task". done.

i post it to RTM forum

https://www.rememberthemilk.com/forums/tips/12673/

Google Reader's Toggle Icon

noreply@blogger.com (Cage) — Wed, 07 Jul 2010 00:13:58 PDT

If you have used Google Reader. There is a toggle icon you can click and expand all items view size. This toggle icon is a small blue arrow. Is it a image? No. It's just a CSS tips and tricks. How does CSS do it?

Toggle icon DOM element

...
＜td id="chrome-lhn-toggle"＞
    ＜div id="chrome-lhn-toggle-icon"＞＜/div＞
＜/td＞
...

Toggle icon CSS

{
    width: 0;
    height: 0;
    border-color: #ebeff9 #68e #ebeff9 #ebeff9;
    border-style: solid;
    border-width: 5px 5px 5px 0;
}

You just need to assign the "border" CSS to toggle icon DOM element like ahove.
You may have to assign others CSS if you want this toggle icon in that correct position you want.

border Css order style

#right{
border-style:solid;
border-color: red green blue yellow;
border-style: solid;
border-width: 50px 50px 50px 50px;
width:0;
height:0;
display:inline-block;
}
#left{
border-style:solid;
border-color: #ebeff9 #68e #ebeff9 #ebeff9;
border-style: solid;
border-width: 50px 50px 50px 50px;
width:0;
height:0;
display:inline-block;
}

Whole DOM and CSS code

//DOM
...
＜td id="chrome-lhn-toggle"＞
    ＜div id="chrome-lhn-toggle-icon"＞＜/div＞
＜/td＞
...
//CSS
#chrome-lhn-toggle:hover {
background: #C2CFF1;
}
#chrome-lhn-toggle, #chrome-viewer {
padding: 0px;
vertical-align: top;
}
#chrome-lhn-toggle {
background: #EBEFF9;
cursor: pointer;
width: 8px;
}
#chrome-lhn-toggle:hover #chrome-lhn-toggle-icon {
border-color: #C2CFF1 white #C2CFF1 #C2CFF1;
}
#chrome-lhn-toggle-icon {
border-color: #EBEFF9 #68E #EBEFF9 #EBEFF9;
border-style: solid;
border-width: 5px 5px 5px 0px;
height: 0px;
margin-left: 1px;
margin-top: -5px;
position: absolute;
top: 50%;
width: 0px;
}
#chrome-lhn-toggle-icon {
font-size: 1px;
line-height: 1px;
}

Conclusion

This is a simple way to make a arrow icon by pure CSS instead of assigning image.

Convert rgb color to hex color

noreply@blogger.com (Cage) — Thu, 01 Jul 2010 20:13:44 PDT

If you have written HTML file, you must know that how to assign color to DOM element. You just need to assign CSS style to

DOM element like


＜span style="color:#ff0000"＞This is text＜/span＞

It is very simple. But, we may want to change the color

by Javascript like color picker. What's the problem? You may get the "rgb(255, 0, 0)" color value by Javascript.

Then, you have to convert rgb to hex color or convert hex to rgb color. The following is simple code.

rgb to hex


function rgb2hex(rgb){
   var hexDigits = new Array("0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "a", "b", "c", "d", "e", "f");
   var hex = function(x){
       return isNaN(x) ? "00" : hexDigits[(x - x % 16) / 16] + hexDigits[x % 16];
   };
   var tmp = rgb.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
   var color = hex(tmp[1]) + hex(tmp[2]) + hex(tmp[3]);
   return color;
}

hex to rgb


function hex2rgb(v){
   if (/^[0-9A-F]{3}$|^[0-9A-F]{6}$/.test(v.toUpperCase())) {
       if (v.length == 3) {
           v = v.match(/[0-9A-F]/g);
           v = v[0] + v[0] + v[1] + v[1] + v[2] + v[2];
           this.value = v;
       }
      
       var r = parseInt(v.substr(0, 2), 16);
       var g = parseInt(v.substr(2, 2), 16);
       var b = parseInt(v.substr(4, 2), 16);
       return [r, g, b].join(',');
   }
   return v;
}

Result


var input = $(this).css('color'); // rgb(255,0,0)

var hex = rgb2hex(input); //ff0000
var rgb = hex2rgb(hex);   //255,0,0

[Chrome Extensions] QuietRead V2.1.0 Released

noreply@blogger.com (Cage) — Sat, 01 May 2010 02:04:05 PDT

Chrome Extension - Quietread V2.1.0 Released

My last updated (v2.0.1) was one month ago. The biggest changed on Chrome extension Quietread V2.x was using Google OAuth for authorization. The Users don't type their Google Account and Password. It's more convenient and safe to access user's data on Google Spreadsheet.

Then, what's updated at version V2.1.0. The following list is simple summary.

Add Tags and Notes feature for each Item. Now, you could add tags or notes to help you find out specific item you haven't finished.
Search and tags support auto complete. You could use multiple keywords (ex: tags:jquery 2010). The results will highlight also.
Quietread supports auto fetch your data from Google Docs spreadsheet in background in specific period. Default setting is 300 secs. You also could update immediately by clicking refresh button.
You could share link what you read to your friend by email button.
Add page and remove page by keyboard short keys.

The summary above are new features. Then, what features are pull off at this version.

Sorting. I take searching instead of sorting.
Show list by keyboard short keys. This feature does not work very well because of some specific pages like Chrome Home page.
Automatic add page by clicking Quietread icon. It seems a little bit annoy.

Layout

Edit Notes

Edit Tags

Search box

Search for specific tag

Search for specific tag and keyword

Options

Notices

There may have problem when you update Quietread to version 2.1.0. You have to make sure "QuietreadQueue" that on your Google Docs has 7 columns at least.

Download Quietread V2.1.0

Blogger Template Testing

noreply@blogger.com (Cage) — Tue, 23 Mar 2010 09:09:08 PDT

section subject

Google Search

Rearrange related posts code.

blockquote area


this.etag = json.gd$etag;
var row = {};
row.faviconurl = Url.decode(json.entry.gsx$faviconurl.$t);
row.url        = Url.decode(json.entry.gsx$url.$t);
row.title      = Url.decode(json.entry.gsx$title.$t);
row.createdate = json.entry.gsx$createdate.$t;
row.click      = json.entry.gsx$click.$t;
row.edit       = json.entry.link[1].href;
row.etag       = json.entry.gd$etag.$t;
result.push(row);

[Chrome Extensions] QuietRead

noreply@blogger.com (Cage) — Thu, 24 Dec 2009 07:11:10 PST

Two weeks ago. I went to join Taipei GTUG (Google Technology User Group) Google Chrome Hackathon. At the Chrome Hackathon, the people who attended want to developed few useful, interesting, funny Google Chrome extensions.

In my team (although 2 members) want to develop a useful chrome extensions. Nowadays, it's very convenient to search anything on the internet. Shopping, documents, and news for instance.

You might browse a lot links in one day. How come you could remember all of that links. You might say that you can use bookmark to keep the URL you haven't read it but you interested in it. It's a good method. I use the bookmarks in different browsers too. But, i will keep the link to my bookmarks i thought it's helpful to me. So, i need to any way to keep the URL for a while. That's why QuieRead from.

What's QuietRread?

QuietRead is very simple concept. You might have used the similar service on the internet. What's different between they and QuietRead. I assume you already have a Google Account (If you haven't. Have one). Because QuietRead use Google Documnet List Data API & Google SpreadSheet Data API to save the URL in your Google Docs SpreadSheet.

What does QuietRead do?

Quick answer: Add and remove URL on Google Docs specific SpreadSheet.

How does QuietRead work?

Because QuietRead use Google Documnet List Data API & Google SpreadSheet Data API, you have to login your Google account first in QuietRead extensions Option page. Following are simple step.

Login in your Google Account.
If login is succeed. Then, QuietRead will try to get Google Document List Data API & Google SpreadSheet Data API authorization.
Check "QuietreadQueue" spreadsheet file on your Google Docs.
If "QuietreadQueue" is exist, loading data. If "QuietreadQueue" isn't exist. create new one.
now, you can add and remove URL in Chrome QuietRead Extensions.

Google Chrome QuietRead Extensions

[Web Tool] SpriteMe

noreply@blogger.com (Cage) — Thu, 12 Nov 2009 07:27:13 PST

Recently, I read two books about performance article "High performance web sites: essential knowledge for frontend engineers"[1] and "Even Faster Web Sites: Essential Knowledge for Frontend Engineers"[2] by Steve Souders.

hat two books are very good books let you can understand how to increase web performance. I found few web tools in my searching. SpriteMe is one my want to share you guys. What is SpriteMe?

Background images make pages look good, but also make them slower. Each background image is an extra HTTP request. There's a fix: combine background images into a CSS sprite. But creating sprites is hard, requiring arcane knowledge and lots of trial and error. SpriteMe removes the hassles with the click of a button.

Reference

Rearrange Blogger Template Related Post & Add New Features

noreply@blogger.com (Cage) — Sat, 07 Nov 2009 16:43:14 PST

Today i spent few time to modify Blogger template like:

Rearrange related posts code.
prettyprint code syntax highlight.
Adding FancyBox lightBox and modify new.

I will keep on arranging my Blogger template and help it can more friendly. There had three parts on the above list. Second list is google code pretttify. I change my code syntax from syntaxhighligher to google-code-prettify. Google-code-prettify is using easier than syntaxhighlighter. You can just include two file(prettify.js & prettify.css) add function to execute prettify. Done!! Third list is FancyBox lightBox jQuery plugin. If you are familiar with jQuery. I think it's easy to add that plugin to your web page. About first list is what i want to share how do i arrange the Related Posts.

Until now, Blogger haven't support related posts in your blogger template. If you want to add that feature, you have to modify some template code and add few javascript function to do that.

Scenario

How does related posts work? The scenario is easy to understand. When you want to write new post, you will add Labels for this post on the bottom of Blogger editor. You add tags for the post you wrote. When web user visit your blog, related posts feature will list other relation posts following post content by specific tag. (you have three types can show related posts on your blog depending Blogger template pageType: 'item', 'archive', or 'index').[1]

<b:if cond='data:blog.pageType == &quot;item&quot;'>
    <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=RelatedLabels&amp;max-results=10&quot;'
    type='text/javascript'>
    </script>
</b:if>

I want to show related posts in user view specific page. So, i assign pageType is 'item'. As you can see. you can receive specific tag post content by callback function using Google Data Protocol[2]. Following is complete code to get all tage you add.

<b:loop values='data:post.labels' var='label'>
<!-- Fixed for Related Posts -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=RelatedLabels&amp;max-results=10&quot;'
  type='text/javascript'>
  </script>
</b:if>
</b:loop>

Finial, you need to render those data to web page. You can have simple function to do that like this.

After solving how receive data from Blogger template Layout data and render to web page. The key point of Related posts is parse data you need.

We receive Blogger template Layout data by callback function and return JSON data. The render data include post url, post title and post date (depending what you need). It's better to keep value in an object. Object is easier to understand and manipulate.

function RelatedLabels(json) {
var entries = json.feed.entry;
for (var key in entries) {
if (entries[key]) {
var item = {};
item.title = entries[key].title.$t;
item.url = entries[key].link[4].href;
item.date = entries[key].published.$t.substr(0, 10);
relatedPosts.push(item);
}
}
}

You might add multiple tags in different posts, and therefore might receive the same post in different tag by loop. There are many solutions to solve duplicate post in an object.

I push related post in one object. We can extend Array.prototype.push() function to detect should we add this post to our object. If you are familiar with Javascript syntax. It's simple to manipulate DOM using Javascript like document.write(). If you concern web page performance, you should decrease manipulate DOM directly[3]. Following is complete code.

var relatedPosts = [];
relatedPosts.push = function (data) {
 var _push = true;
 var length = this.length;
 for (var i = 0; i < length; i++) {
     if (this[i].url == data.url) _push = false;
 }
 if (_push) return Array.prototype.push.call(this, data);
 else return this;
}

function RelatedLabels(json) {
 var entries = json.feed.entry;
 for (var key in entries) {
     if (entries[key]) {
         var item = {};
         item.title = entries[key].title.$t;
         item.url = entries[key].link[4].href;
         item.date = entries[key].published.$t.substr(0, 10);
         relatedPosts.push(item);
     }
 }
}

function ShowRelatedPosts(PostUrl) {
 var count = 0;
 var eleLi, link, date, fragment = document.createDocumentFragment();
 for (var key in relatedPosts) {
     if (typeof(relatedPosts[key].url) != 'undefined' && relatedPosts[key].url != PostUrl && count < 5) {
         eleLi = document.createElement('li');
         link = document.createElement('a');
         date = document.createTextNode(' (' + relatedPosts[key].date + ')');
         link.setAttribute('href', relatedPosts[key].url);
         link.innerHTML = relatedPosts[key].title;
         eleLi.appendChild(link);
         eleLi.appendChild(date);
         fragment.appendChild(eleLi);

         count++;
     }
 }
 var eleOl = document.createElement('ol');
 eleOl.appendChild(fragment);
 document.getElementById('relatedPosts').appendChild(eleOl);
}

reference

Inner Google Docs Quickly View Alternate URL by Chrome Extensions

noreply@blogger.com (Cage) — Thu, 24 Dec 2009 07:07:58 PST

If you paid your attention at Google Docs service, you will found Google Docs team announce few new feature like View online files using Google Doc Viewer, Shared folders and more in Google Docs, Taking charge of your document sharing etc. One of my favorite new feature is Google Docs Viewer. Google Docs Viewer let you quickly view documents online without leaving your browser. You don't need to download it if you just want quick it.

Google Docs Viewer is a very convenience tool let you increase browser experience. But, it's still have few restrained. It's just support three file format: PDF documents, PowerPoint presentations, and TIFF files now. Beside file type part, you need put documents on the internet.

I like search documents on the internet when i don't know somethings. I type keyword in search engine and combine search file type. Google search engine started support QuickView new feature few weeks ago. It does work very well. But, there isn't every pdf or ppt item has QuickView button on the list. It's a easy way to solve this problem. Copy target doucment URL and paste it in Google Docs Quickly View. Then, Done!! It sounds great, right? Not at all, how could we do this job more convenience. I choose Chorme Extensions.

What's Chrome Extensions?

Extensions are small software programs that can modify and enhance the functionality of Google Chrome.
You write them using web technologies like HTML, JavaScript, and CSS. So if you know how to write web pages, you already know most of what you need to know to write extensions." - Defintion in Google Chrome Extension: Development Documentation

The Basic of Chrome Extentsion

"An extension is a zipped bundle of files — HTML, CSS, JavaScript, images, and anything else you need — that adds functionality to the Google Chrome browser. Extensions are essentially web pages, and they can use all the APIs that the browser provides to web pages, from XMLHttpRequest to JSON to HTML5 local storage.
Many extensions add UI to Google Chrome, in the form of toolstrips (toolbar additions) or page actions (clickable badges in the address bar). Extensions can also interact programmatically with browser features such as bookmarks and tabs. To interact with web pages or servers, extensions can use content scripts or cross-origin XMLHttpRequests." - OverView

As you can see above paragraph. We can almost do anythng you want from add Google Chrome UI to use content script to manipulate DOM tree. How do we slove problem we told in Chrome extension? The scenario is very simple. Using content script manipulate DOM tree and innert Google Docs Quick View URL in each target document.

Content Script

Content scripts are JavaScript files that run in the context of web pages. By using the standard Document Object Model (DOM)," - Content Script

At my last post. There has a new search engine let you can search PDF file type ebooks. So, i holp content script can execute in two part. "Google Search Engine" and "PDFBooks search engine". First, we need to get target documnet url in DOM tree. There are few tools can help me to inspect current location in DOM Tree. I chose Google Chrome Developr tools (Ctrl+Shift+J).

PDFBooks

Google Search Engine

if (doc.URL.toString().match(/^http:\/\/www.google.com/)) {
    links = doc.querySelectorAll('h3 > a.l');
}
if (doc.URL.toString().match(/^http://pdfbook-s.com/)) {
    links = doc.querySelectorAll('div#menu + a');
}

We inspect target documents url by querySelectorAll.

for (var i = 0, len = links.length; i < len; i++) {
    var link = links[i];
    if (link.toString().match(/pdf$/) || link.toString().match(/ppt$/)) {
        var docViewer = document.createElement('a');
        docViewer.setAttribute('href', 'http://docs.google.com/viewer?url=' + link);
        docViewer.setAttribute('target', 'blank');

        var favicon = document.createElement('img');
        favicon.src = 'http://docs.google.com/favicon.ico';

        docViewer.appendChild(favicon);
        link.parentNode.insertBefore(docViewer, link);
    }
}

Then, we can parse each hyperlink to insert alternate Google Docs Quick View URL if hyperlink has "PDF" or "PPT" keyword in a simple loop.

Registered your content script

Content script needs to register in a extension's manifest.json file. like so:

{
  "name": "Insert Google Doc Quickly View URL", 
  "version": "0.1",
  "description": "Insert Google Docs Quickly View for PDF & PPT file format link",
  "content_scripts": [
    {
      "matches": [
        "http://www.google.com/search*",
        "http://www.google.com.tw/search*",
        "http://pdfbook-s.com/*"
      ],
      "js": ["insert_docs_quickly_view_url.js"]
    }
  ]
}

Everything you done. What's different after using this extension.

Reference

Download: insert_docs_quickly_view_url.js

Download: insert_docs_quickly_view_url.crx

PDFBooks

noreply@blogger.com (Cage) — Wed, 04 Nov 2009 07:42:46 PST

I think you guys have searched any kink file type in Google search engine or others search engine. I often search PDF file on the Internet like PDF, PPT etc. It's a good choice to research something you don't know on the Internet. You might get few information on the way!!

There has another way you can find many PDF file type books on the specific search engine. It's PDFBooks. Type the keyword you want and click the search button. You will get PDF file type list. You can download that file to your local disk or view it online (It's using Scribd flash viewer).

Link

PDFBooks

JSONC Of Picasa Web Ablum

noreply@blogger.com (Cage) — Thu, 24 Dec 2009 07:08:20 PST

What is JSON and JSONC?

JSON, short for JavaScript Object Notation, is a lightweight computer data interchange format. It is a text-based, human-readable format for representing simple data structures and associative arrays (called objects). - wiki

JSONC: Clean, Compact, and Customizable. Minimize the number of JavaScript objects

You guys might have used a lot of JSON data in your web page, web application etc. If you are familiar with Blogger template, you might ever received your Picasa web album JSON format data by calling Javascript function in your blogger by using this URL

http://picasaweb.google.com/data/feed/api/user/userID?alt=json&callback=?

Whatever you receive JSON data by Javascript callback function or jQuery Ajax callback funtion. You need to parse callback json data and get the data what you need. There are too many objects in that data. It's a little complicate to get current fields you need.

Google Data Protocol support JSONC data format return in Google Web Album. That let you guys can receive data from Google Web Album more easy than before. What do we receive the JSONC format data. Changing feed URL to

http://picasaweb.google.com/data/feed/api/user/userID?v=2&alt=jsonc&callback=?

Conclusion

It's a easy way to receive your Google Web Album data by modify feed URL arguments. The simple object data means you can decrease callback response time and increase the web page performance. If you are interested in performance articles, you should read following link

Reference

Our Earth Need Your Help!!

noreply@blogger.com (Cage) — Fri, 06 Nov 2009 19:47:06 PST

Aug 8th, 2009. It's a really a longest and very worse Fathers Day for most Taiwanese. In south of Taiwan attacked by super typhoon Moraka and caused the most serious damaged in Taiwan history. It rains over 3000 mm one year annual rainfall only in three days. Many people were homeless in the aftermath of typhoon Moraka. Unfortunately, my parent and others family members were one of the homeless people. We lose anything expect life.

Until now, i can't accept the truth sometimes. but, i have to learn accept that and thinking what should we do after damaging? Rebuild our home and back to normal life as soon as possible. What do we learn aftermath the typhoon Moraka? What are reasons cause such as this damage? Something are changed.

I think you guys have heard some issue about Global warming. Our atmosphere has too much carbon dioxide and cause the Earth temperature growth up too fast. You may think some big issues like that should be government's responsibility. Because most people can't lead relation political policies. Climate change is a human issue. What could we do be a person living in the Earth?

There are many resources you can find on the internet. Visit Climate change in the Google Earth, Explore the Climate Orb to concern what company learn for the stories behind the human face of climate change, Educate our kids about science of global warming etc. You can follow the tail of above issues and think about what "You" really can do to help the Earth. For me, i try to reduce my "carbon footprint" in my life. What's carbon footprint?

"A carbon footprint is "the total set of greenhouse gas (GHG) emissions caused directly and indirectly by an individual, organization, event or product". For simplicity of reporting, it is often expressed in terms of the amount of carbon dioxide, or its equivalent of other GHGs, emitted." - definition by wikipedia

There are many online carbon calculator you can figure out what yours is. You can understand that your impact is on climate change. Those online carbon calculators may not to help you figure out your carbon emission. It can remind you to change your life style to reduce the impact on climate change. Try to take public transportation, try to buy product from local area, chose low-power electric equipments etc. You could fine you way!!

Our Earth need your help!!

Reference

Few New Google Chrome Video From GoogleJapan

noreply@blogger.com (Cage) — Thu, 24 Dec 2009 07:08:35 PST

Have you seen the so~~~~~o cute Google Street View Video by Google Japan. If you haven't seen that video. Click here to see that. I very recommend you guys to have a look even you just a end user. The video can give you a skeleton concept of Google Street View.

As you can see. It's a good introduction video from Google Japan. It's show time again but the main character change to new super star "Chrome". I think that "Speed" will be one of the good browser experience of Chrome for you guys. You guys may have few browsers in the computers like me. That mean you are pay attention in browser developing. If you should be. Following has few new Chrome video by Google Japan. Have a look!!!

速い + SUPER MONKEY BALL: Google Chrome アーティストテーマ

Google Chrome アーティストテーマスライドショー

速い + NINTEA: Google Chrome アーティストテーマ

速い + ART: Google Chrome アーティストテーマ

Reference

More Videos From Google Japan

WhatTheFont

noreply@blogger.com (Cage) — Sun, 11 Oct 2009 00:48:55 PDT

I wrote a article ([Javascript & Css] CountDown) about Google Code Jam 2008 main page countdown. It does work using Javascript + CSS + DHTML and following is sniper image.

After i wrote this article. I try to search this font on the inter and ask my colleagues. What's this font? Until today i still haven't gotten exactly this font. But, i found iPhone app WhatTheFont in one iPhone Home screens of First & 20. First & 20 is a collection of Home screens of some of the best and brightest developers, designers and tech writers.

What does WhatTheFont[app store link] do? It's very clear to understand as app name - Identify the fonts in a photo or web graphic!! Following is the simple step i try to identify the font i didn't know.

Using WhatTheFont app on your iPhone or iPhone touch.

Sniper the photo of font and crop image. Then click upload
Check Chars and click identify!
You will get few font matches.

Using WhatTheFont web page to identify the fonts.

You can upload a file or paste a specify image url.
Check selection characters. Leave character boxes blank if no valid character is highlighted. Then, click continue.
You will get few font matches as App version.

Summary

Compare WhatTheFont App version and WhatTheFont web page font identify. I get more font matches by using App version than using web page font identify. But, as you can see. Using web page font identify is more easy than App version. Whatever you chose which one. If you get the anwser like me. I think it's a good solution at least.

Quickly view formatted PDFs in your search results

noreply@blogger.com (Cage) — Thu, 24 Dec 2009 07:08:47 PST

Two weeks ago. Google announced Google Doc Viewer. You can embed formatted PDFs in your web page more easily. Just Go Google Doc Viewer and fill it up and copy paste the link to your web page. Done!! (Just pay attention in one thing. you must let your PDFs can access on the internet)

If you often search information in google search engine and assign filetype as "pdf" like me. The new Quick view function is very convenience for us. You don't download that PDF file anymore before you sure it's you want.

Until now, Google Doc Viewer support three types(PDF document, PowerPoint presenetation and TIFF files). Only two of three can match search filetype filter(PDF & PPT). But new Quick view function just support PDFs now. I think Google may announce Quick view PPT file too.

BambooBig.blogspot.com LiveDemo Gallery

noreply@blogger.com (Cage) — Wed, 07 Oct 2009 06:36:33 PDT

Few days ago. I spent few time to change 竹部落 (bamboobig.blogspot.com) a new blog template. I hope new template can decrease browser page loading time. Cause the loading preference, i took off few javascript blocks like Anobii (my bookcase in Anobii), etc.

After modifying my new template. I build a demo gallery (BambooBig.blogspot.com LiveDemo Gallery) by Google App Engine. I will put all new blog post live demo in here. Sure, i will transfer 竹部落 (bamboobig.blogspot.com) exist post had live demo to here too. I hope that demo gallery could let you guys to understand what i said in my blog post easier.

link

BambooBig.blogspot.com LiveDemo Gallery directly link
you guys should click 竹部落 (bamboobig.blogspot.com) page top right Lab icon to direct to demo gallery

Come back to Dropbox!

noreply@blogger.com (Cage) — Sun, 11 Oct 2009 00:51:24 PDT

Hi Kai-Chu,

We noticed that you signed up for Dropbox a while ago. Recently your Dropbox has been feeling kind of lonely :-(

As a reminder, Dropbox lets you:

- Sync files between your computers and the web
- Backup your files online and access them from anywhere
- Share large files and photos easily

Your Dropbox hopes you'll come back!

- The Dropbox Team

This morning. I got a E-mail from The DropBox Team. I'm amazing a little bit. Even this E-mail generate by server automatic. Maybe somebody think it doesn't matter. but, i think The Dropbox Team can attract users to use their services more. They are really want everyone know that they concern every user and provide good services.

Reference:

DropBox http://www.getdropbox.com/
Download iPhone app for iPhone and iPod Touch

Star Size Comparison HD

noreply@blogger.com (Cage) — Thu, 25 Jun 2009 07:01:30 PDT

Do you really understand the "Size"? I think you can have a look.

Google Docs Support .xlsx and .docx Now

noreply@blogger.com (Cage) — Thu, 24 Dec 2009 07:09:01 PST

Until now, i start use Google Docs more and more. It's easy to collect information by Google Docs Form. You can build a Simple Form, Edit, Share and Send it to anybody of your Gamil contacts.

I will upload few documents to Google Docs like PDF, doc etcs sometimes. Beacuse i can accept these files when i logon Google Docs by computer or mobile device. Now, it'a good news for Microsoft Office 2007 users. Google Docs support user can upload .xlsx and .docx now. But not including .pptx.

App Engine TemplateSyntaxError

noreply@blogger.com (Cage) — Thu, 24 Dec 2009 07:09:39 PST

from google.appengine.ext.webapp import template

def HtmlRender(self, template_file, template_values):     
temp = os.path.join(os.path.dirname(__file__),
    'templates/'+template_file)
self.response.out.write( template.render(temp, template_values) )


template_values ={
   'url' : self.request.url,
   'my_dictionary' : { 'item1' : 1, 'item2' : 2}
  }


url: {{ url }}
{% for key, value in my_dictionary.items %}
{{ item.key }} : {{ item.value }}
{% endfor %}

As you can see above code. you can app engine template to generate HTML than before generate code from within strings in the Python..

"TemplateSyntaxError: 'for' statements with five words should end in 'reversed': for key, value in my_dictionary.items".

Yes, you will get one error message. What? It looks as normal python code and seems does work. Because Google App Engine now support Django 0.96 version. If you want to receive a dictionary data type from python. You must modify Django template in HTML page.

more detail information:

Free iPhone Application Programming by Apple & Stanford

noreply@blogger.com (Cage) — Sun, 11 Oct 2009 00:53:13 PDT

If you have a iPhone or iPod touch. You may install many apps form Apple App Store. It's very interesting and challenge a little bit [1].

When you enjoy these apps. Have you ever thought that you can try to develop some apps or games by yourself. If the answer is YES or you did it. Congratulation!!

Now, there is a good free iPhone Application Programming by Apple & Stanford. you can download the videos from Stanford on iTunes U and visite the CS193P iPhone Application Programming class by Stanford. Enjoying and try to do some interested apps!!!

You can use AppSniper to track apps form app stroe on your iPhone or iPod touch. Or, you can visite AppShopper.com that you can track apps on web too.

Let's Golf for iPhone

noreply@blogger.com (Cage) — Sun, 11 Oct 2009 00:52:07 PDT

Few dasy ago. gameloft announce a new golf game. after few months waitting. i bought it from app stroe right now. It's a nice golf game. You can enjoy palying golf even just use your fingers.

you can see more detial about Let's gold and others game made by gameloft

Google Calendar Primary Calendar Change

noreply@blogger.com (Cage) — Thu, 24 Dec 2009 07:09:52 PST

Problem

when i add new calendar event in iPhone. There isn't another calendar that you choose. Default setting is primary calendar(the first calendar of your calendar lists). I often review the schedule and want to add in my wall street calendar in the Wall Street. How to Change the Google Calendar primary calendar.

Solution

When you log in your google calendar. you can see the calendar lists of Calendar Settings/Calendars. The first one (show in list is enable) is your primary calendar. You can't delete primary calendar or unsubscribe it. Maybe you had added some events in these two calendar. How to change your primary?

backup your calendar (export these calendars).
delete the calendar that you want to change to primary calendar.
delete the primary calendar (you can't delete this calendar truly. just clear events).
this stage. you have two empty calendars.
change the primary calendar name what you want. (ex: Wall Street).
import backup calendars to your primary calendar
create new calendar(your original primary calendar)
import backup
done

Conclusion

In fact, you can add new event in your different google calendars use computer easily. But when you use mobile device and this way can solve the requirement of add new event outdoor.