Happy Coding

Time Lapse

2015-04-17T09:41:00.001+08:00

Ref [1] [2]

1. Equipments
JJC 多功能電子快門線、或可設定間隔拍攝功能之快門線

2. Camera settings
ISO非特別需求時盡量調低
對焦好之後可切換回手動來固定對焦點，減少對焦的失誤
測光模式通常可用全域

定時快門線的設定! 一般來說只有以下四個設定值：

http://blog.dcview.com/image/photo/2013/02/354/1359966874-1-354.jpg

(1)延遲(Delay)：建議設定1秒，這樣可以避免第一張拍攝時相機的震動!

(2)拍攝間隔 (Interval)

(3)曝光時間(Exposure time)：只有在相機設定為B快門時，此設定值才有用!

相機預設用光圈先決(Av)或手動(M)模式，曝光是由相機所設定的快門時間決定!

如果想讚夜間拍攝迷人的星軌，需要長曝光時間，這時就須把相機設定在B快門模式，然後在定時快門線上設定想要的正確曝光時間!

(4)拍攝張數(Number of shots)

Note:

相機設定為Av時，務必確定整個拍攝過程中，相機自動計算的快門時間不會超過定時快門線的拍攝間隔(Interval)，不然可能會造成合成的縮時影片有掉格的不連續情形發生。

先在相機上使用Av模式，來完成正確對焦，並獲得正確的曝光時間!
接著轉盤轉到M模式，然後把光圈與快門設定為剛剛的數值!

記得要把相機設定為手動對焦，一來這樣對焦點不會因為場景變化而跑掉，二來相機在拍攝過程中也不用一直自動對焦!

如果擔心拍攝過程很長讓縮時攝影影片有色溫變化，那就設定一個固定的白平衡模式!

建議不要使用點測光模式! 使用全域測光或區域測光，這樣會得到比較穩定的曝光時間值。

Surface Pro 2 tips

2015-02-06T08:57:00.003+08:00

Some useful SP tips

1. High-DPI for blurry font adjustment
Sublime text looks blurry on surface. Hope this tip works.

2. keyboard short cut

Fn + Caps	Locks the F1-F12 keys as function keys
Fn + Alt + Spacebaronly	Print Screen for the current window
Fn + Alt + Spacebar	Print Screen for the current window only
Fn + Del	Increases screen brightness
Fn + Backspace	Decreases screen brightness
Fn + Left arrow	Home
Fn + Right arrow	End
Fn + Up arrow	Page Up
Fn + Down arrow	Page Down

3. Free up hard disc space (youtube)

4. Wacom pen calibrations

Surface pro pen

2014-12-29T14:45:00.000+08:00

Pro pen calibrations

Some tips
1. Go into the calibration tool and reset the pen calibration if you have already adjusted it.
2. Start the calibration. The first time you calibrate, there is a more detailed (16-point) "major" calibration. For this part, view the tablet from directly above, and hold the pen straight up-and-down (perpendicular to the screen). Tap all 16 targets.
3. Test the pen. I use one note with line rulings and try to trace the lines, and write directly on the lines.
4. It probably won't be right yet, now go into the calibration tool again. This time there will be only a minor calibration of 4 points. For this calibration, hold the stylus as you naturally would and tap all 4 targets.
5. If there is still weirdness, you can repeat the minor calibration, and hit the targets intentionally off center to compensate. Doing this last part will require some trial and error to get it perfect.

Trouble shooting with pro pen

Flicks and pen settings

Touch guide

One note usage

[Sublime Text] File manipulations

2014-12-29T13:20:00.001+08:00

Ref [1] [2]

1. Open file directory

{ "keys": ["ctrl+alt+o"], "command": "open_dir", "args": {"dir": "$file_path", "file": "$file_name"} },

2. Open CMD @ file direcotry

Plugin

The Shell Turtlestein package also has a command for this:

https://github.com/misfo/Shell-Turtlestein

With that package installed, you can type CTRL+SHIFT+ALT+C to open CMD

Scriptfile (.py)

Click the menu preference>Browser Packages in Sublime Text 2.
Create a folder cmd in the directory opened in step 1.
Create a python file named cmd.py with the following code in the cmd folder created in step 2.

import os, sublime_plugin
class CmdCommand(sublime_plugin.TextCommand):
    def run(self, edit):
        file_name=self.view.file_name()
        path=file_name.split("\\")
        current_driver=path[0]
        path.pop()
        current_directory="\\".join(path)
        command= "cd "+current_directory+" & "+current_driver+" & start cmd"
        os.system(command)

Create a file named Context.sublime-menu with the following code in the cmd folder created in step 2.

[
     { "command": "cmd" }
]

Reopen Sublime Text 2

Now you can open the Cmd prompt at the current directory in the right-click context menu.

3. Open sublime text with Powershell

I added this to my PowerShell profile:

Set-Alias subl 'C:\Program Files\Sublime Text 2\sublime_text.exe'

4. Set sublime.exe to Path [ref]

set PATH with AutoRun

On Windows, you can do the same thing using the DOSKEY utility to create "macros" like this: "doskey ls=dir".

You'll need to configure your AutoRun registry value, in "HKEY_CURRENT_USER\Software\Microsoft\Command Processor". I have my AutoRun set to "c:\dev\autorun.bat" which runs a variety of helpful utilities.

e.g. doskey subl="C:\Program Files\Sublime Text 2\sublime_text.exe" $*

set PATH w/o AutoRun

I've created subl.bat in C:\Program Files\Sublime Text 2 with contents:

start sublime_text.exe %*

Now that I have C:\Program Files\Sublime Text 2 in PATH, I can simply type 'subl folder' and it works wonderfully without having to add anything to autostart.

set PATH & link

Another idea would be to include C:\Program Files\Sublime Text 2\ in your PATH, and then run an administrator command prompt:

cd "C:\Program Files\Sublime Text 2\"
mklink sublime.exe sublime_text.exe

I've had more success with a hardlink:

mklink /h c:\windows\system32\subl.exe "c:\Program Files\Sublime Text 3\subl.exe"

That will make a symbolic link with the new name. And now you can use it freely:

sublime hello.txt

set Environment variable w/o mess around Path

I think that is more easy set the Environment variable in Windows.

Then just add a new System variable called SUBLIME_HOME with value "C:\Program Files\Sublime Text 2\" (without quotes) after edit the variable Path adding in the end this value ";%SUBLIME_HOME%"(without quotes).

Restart the git BASH and enjoy, using like this:

$ sublime_text mi-new-file

Window orientation detection

2014-12-25T12:26:00.004+08:00

Ref

I think the following codes would be useful when I want to make iDangerous swiper responsive to toggle mode between vertical and horizontal.

CSS3 :

@media screen and (orientation:landscape)
{
   body
   {
      background: red;
   }
}

window.watchMedia closely resembles CSS syntax:

if (window.matchMedia("(orientation: portrait)").matches) {
   // you're in PORTRAIT mode
}

if (window.matchMedia("(orientation: landscape)").matches) {
   // you're in LANDSCAPE mode
}

Other (dirty) fixes.

if (screen.height > screen.width){
    alert("Please use Landscape!");
}

// Listen for orientation changes
window.addEventListener("orientationchange", function() {
  // Announce the new orientation number
  alert(window.orientation);
}, false);

Command line tool to simplify work flow

2014-12-23T11:04:00.002+08:00

I think I've been working too hard before I read this presentation.

1. cmder tool
2. Set windows environment variables by cmd line
3. Build phonegap [1] [2] development environments

[Sublime Text] Color Scheme

2014-12-23T10:20:00.001+08:00

Create your own template & and download the .py file

http://tmtheme-editor.herokuapp.com/#/local/Dawn

Add .py file to your package ( Preferences > Setting - Users )

{
"color_scheme": "Packages/3024 Color Scheme/Dawn_YK.tmTheme",
"font_size": 10.0,
"highlight_line": true,
"ignored_packages":
[
"Vintage"
],
"margin": 2,
"tab_size": 2,
"translate_tabs_to_spaces": true,
"trim_trailing_white_space_on_save": true,
"word_wrap": "false"
}

(Some other useful settings)

Sorting array of strings & objects

2014-12-18T14:18:00.001+08:00

Ref: http://stackoverflow.com/questions/6712034/sort-array-by-firstname-alphabetically-in-javascript

[array].sort(function(a, b){
 var nameA=a.name.toLowerCase(), nameB=b.name.toLowerCase()
 if (nameA < nameB) //sort string ascending
  return -1 
 if (nameA > nameB)
  return 1
 return 0 //default return value (no sorting)
});

Yahoo Financial API

2014-12-05T12:00:00.004+08:00

Usage example:

http://finance.yahoo.com/d/quotes.csv?s=FB+GOOG&f=snd1l1yr

And you'll get a csv file like the following one:

symbol	name	last trade date	las trade price	Dividend Yield	p/e ratio
FB	Facebook, Inc.	12/4/2014	75.24	N/A	69.53
GOOG	Google Inc.	12/4/2014	537.31	N/A	27.96

Other usage examples:

http://ichart.finance.yahoo.com/table.csv?s=WU&a=01&b=19&c=2010&d=01&e=19&f=2010&g=d&ignore=.csv

Other flags:

a	Ask
a2	Average Daily Volume
a5	Ask Size
b	Bid
b2	Ask (Real-time)
b3	Bid (Real-time)
b4	Book Value
b6	Bid Size
c	Change & Percent Change
c1	Change
c3	Commission
c6	Change (Real-time)
c8	After Hours Change (Real-time)
d	Dividend/Share
d1	Last Trade Date
d2	Trade Date
e	Earnings/Share
e1	Error Indication (returned for symbol changed / invalid)
e7	EPS Estimate Current Year
e8	EPS Estimate Next Year
e9	EPS Estimate Next Quarter
f6	Float Shares
g	Day’s Low
g1	Holdings Gain Percent
g3	Annualized Gain
g4	Holdings Gain
g5	Holdings Gain Percent (Real-time)
g6	Holdings Gain (Real-time)
h	Day’s High
i	More Info
i5	Order Book (Real-time)
j	52-week Low
j1	Market Capitalization
j3	Market Cap (Real-time)
j4	EBITDA
j5	Change From 52-week Low
j6	Percent Change From 52-week Low
k	52-week High
k1	Last Trade (Real-time) With Time
k2	Change Percent (Real-time)
k3	Last Trade Size
k4	Change From 52-week High
k5	Percebt Change From 52-week High
l	Last Trade (With Time)
l1	Last Trade (Price Only)
l2	High Limit
l3	Low Limit
m	Day’s Range
m2	Day’s Range (Real-time)
m3	50-day Moving Average
m4	200-day Moving Average
m5	Change From 200-day Moving Average
m6	Percent Change From 200-day Moving Average
m7	Change From 50-day Moving Average
m8	Percent Change From 50-day Moving Average
n	Name
n4	Notes
o	Open
p	Previous Close
p1	Price Paid
p2	Change in Percent
p5	Price/Sales
p6	Price/Book
q	Ex-Dividend Date
r	P/E Ratio
r1	Dividend Pay Date
r2	P/E Ratio (Real-time)
r5	PEG Ratio
r6	Price/EPS Estimate Current Year
r7	Price/EPS Estimate Next Year
s	Symbol
s1	Shares Owned
s7	Short Ratio
t1	Last Trade Time
t6	Trade Links
t7	Ticker Trend
t8	1 yr Target Price
v	Volume
v1	Holdings Value
v7	Holdings Value (Real-time)
w	52-week Range
w1	Day’s Value Change
w4	Day’s Value Change (Real-time)
x	Stock Exchange
y	Dividend Yield

Ref:

CDN for Useful JS and CSS library

2014-12-04T16:48:00.001+08:00

Some useful JS and CSS libaries I use a lot.

CSS:

Bootstrap

FontAwesome

http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css

Javascript:

jQuery
jQuery Mobile
Dygraphs
Angular JS
Angular UI
Angular Material

[Sublime Text] Snippet

2014-12-03T09:17:00.000+08:00

Snippets typically live in a Sublime Text package. They are simplified XML files with the extension sublime-snippet. For instance, you could have a greeting.sublime-snippet inside an Email package.
The structure of a typical snippet is as follows (including the default hints Sublime Text inserts for your convenience):


    <![CDATA[Type your snippet here]]>
    
    xyzzy
    
    source.python
    
    My Fancy Snippet

Ref:

http://sublimetext.info/docs/en/extensibility/snippets.html

http://www.hongkiat.com/blog/sublime-code-snippets/

indexDB Polyfill

2014-11-27T09:25:00.002+08:00

localForage

A Polyfill providing a simple name:value syntax for client-side data storage, which uses IndexedDB in the background, but falls back to WebSQL and then localStorage in browsers that don't support IndexedDB.

Snippet:

// ## setItem(key, item, successCallback)
//    item is javascript object

// With localForage, we use callbacks:
localforage.setItem('key', 'value', doSomethingElse);

// Or we can use Promises:
localforage.setItem('key', 'value').then(doSomethingElse);

// Unlike localStorage, you can store non-strings.
localforage.setItem('my array', [1, 2, 'three'], function(err, item) {
    // This will output `1`.
    console.log(item[0]);
});

// ## getItem(key, successCallback)
localforage.getItem('somekey', function(err, value) {
    // Run this code once the value has been
    // loaded from the offline store.
    console.log(value);
});
localforage.getItem('somekey').then(function(value) {
    // The same code, but using ES6 Promises.
    console.log(value);
});


// ## remove all item
localforage.clear(function(err) {
    // Run this code once the database has been entirely deleted.
    console.log('Database is now empty.');
});

// ## Get the list of all keys in the datastore.
localforage.keys(function(err, keys) {
    // An array of all the key names.
    console.log(keys);
});

// 

// ## Implement the driver here.
var myCustomDriver = {
    _driver: 'customDriverUniqueName',
    _initStorage: function(options) {
        // Custom implementation here...
    },
    clear: function(callback) {
        // Custom implementation here...
    },
    getItem: function(key, callback) {
        // Custom implementation here...
    },
    key: function(n, callback) {
        // Custom implementation here...
    },
    keys: function(callback) {
        // Custom implementation here...
    },
    length: function(callback) {
        // Custom implementation here...
    },
    removeItem: function(key, callback) {
        // Custom implementation here...
    },
    setItem: function(key, value, callback) {
        // Custom implementation here...
    }
}

// Add the driver to localForage.
localforage.defineDriver(myCustomDriver);

Other ref: zh-TW

indexedDB Wrapper

2014-11-26T19:48:00.000+08:00

/*****************************************************************************
Ref:
http://www.dexie.org/

Starting point:
http://rawgit.com/dfahlander/Dexie.js/master/samples/codeproject-article/DexieAlgorithmsSamples.html

http://blog.nparashuram.com/2012/10/indexeddb-example-on-cordova-phonegap_12.html
http://nparashuram.com/IndexedDBShim/

    
    
*****************************************************************************/
//
// App global database instance and schema
//
        var db = new Dexie("MyDB");
        db.version(1).stores({
            friends: "++id,name,shoeSize"
        });
        db.open();
//
// Populate some data
//
        function populateSomeData() {
            log("Populating some data", "heading");
            return db.transaction("rw", db.friends, function () {  // objectStore??
                db.friends.clear();
                db.friends.add({ name: "David", shoeSize: 43 });
                db.friends.add({ name: "Ylva", shoeSize: 37 });
                db.friends.add({ name: "Jon", shoeSize: 44 });
                db.friends.add({ name: "Måns", shoeSize: 42 });
                db.friends.add({ name: "Daniel", shoeSize: 39 });
                db.friends.add({ name: "Nils", shoeSize: 45 });
                db.friends.add({ name: "Zlatan", shoeSize: 47 });
                // Log data from DB:
                db.friends.orderBy('name').each(function (friend) {
                    log(JSON.stringify(friend));
                });
            }).catch(function (e) {
                log(e, "error");
            });
        }

// Query Example

db.friends.where('name').equalsIgnoreCase('david')
                             .each(function (friend) {
                                 log(JSON.stringify(friend));
                             });

//  Modify
db.friends.where('name').equalsIgnoreCase('david')   // query (read) only
                             .each(function (friend) {
                                 log(JSON.stringify(friend));
                             });


db.transaction("rw", db.friends, function () { // read (query) & modify    
    db.friends.where("name").equalsIgnoreCase('david').modify({shoeSize: 100});
})

Embedded jsfiddle

2014-11-26T14:00:00.002+08:00

Ref: http://doc.jsfiddle.net/use/embedding.html

jsfiddle url

set the tabs' display sequence

To be able to see output from console.log() in JSFiddle, go to External Resources on the left-side panel and add the following link for Firebug:

https://getfirebug.com/firebug-lite-debug.js

FileSystem API

2014-11-25T19:28:00.001+08:00

Ref: HTML5: FileSystem API

Outdated. But tells you how to view FileSystem in Chrome DevTool.

Application: Building an HTML5 Text Editor with the FileSystem APIs

API: Filer.js

Another ref: FileSystem API

Show you how to handle errors

An overview to off-line APP

Adjust Div Height with Angular Directive

2014-11-25T08:58:00.005+08:00

Ref: Stackoverflow

if you have brought in jQuery to help you do DOM manipulation, you are likely doing Angular wrong.

Ans.1:

angular.module('myApp', []).directive('banner', function() {
    return function (scope, element, attrs) {
        element.height($(window).height() - $('.header').outerHeight());
    }
});

And in template:


 banner>foo bar

Ans.2:

var myApp = angular.module('myApp', []);

myApp.directive('banner', function ($window) {

    return {
        restrict: 'A',

        link: function (scope, elem, attrs) {

            var winHeight = $window.innerHeight;

            var headerHeight = attrs.banner ? attrs.banner : 0;

            elem.css('height', winHeight - headerHeight + 'px');
        }
    };
});

html:


 banner="250" class="banner">I'm a banner!

CSS Customized Checkbox

2014-11-24T19:06:00.000+08:00

Ref:
http://jsbin.com/nobelofatu/1/edit

#todo-list li .toggle {
  text-align: center;
  width: 40px;
  /* auto, since non-WebKit browsers doesn't support input styling */
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  border: none; /* Mobile Safari */
  -webkit-appearance: none;
  /*-moz-appearance: none;*/
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}

#todo-list li .toggle:after {
  content: '✔';
  line-height: 43px; /* 40 + a couple of pixels visual adjustment */
  font-size: 20px;
  color: #d9d9d9;
  text-shadow: 0 -1px 0 #bfbfbf;
}

#todo-list li .toggle:checked:after {
  color: red;
  text-shadow: 0 1px 0 #669991;
  bottom: 1px;
  position: relative;
}

## Todo: add pic
A jsfiddle example

html table to CSV file

2014-11-24T15:53:00.002+08:00

Ref: http://andrew-b.com/view/article/44

//Get row data
for (var j = 1; j < rowLength; j++) {
    for (var k = 0; k < colLength; k++) {
        tableString += table.rows[j].cells[k].innerHTML.split(",").join("") + ",";
    }
    tableString += "\r\n";
}

//Save file
if (navigator.appName == "Microsoft Internet Explorer") {
    //Optional: If you run into delimiter issues (where the commas are not interpreted and all data is one cell), then use this line to manually specify the delimeter
     tableString = 'sep=,\r\n' + tableString;

     myFrame.document.open("text/html", "replace");
     myFrame.document.write(tableString);
     myFrame.document.close();
     myFrame.focus();
     myFrame.document.execCommand('SaveAs', true, 'data.csv');
} else {
    csvData = 'data:application/csv;charset=utf-8,' + encodeURIComponent(tableString);
     $(event.target).attr({
         'href': csvData,
         'target': '_blank',
         'download': 'my_data.csv'
     });
}

html table with fixed header

2014-11-24T15:18:00.000+08:00

# Operation principles:
ref: http://stackoverflow.com/questions/11499973/how-to-fixed-table-header-no-jquery

# Plug-in:
ref: https://github.com/jmosbech/StickyTableHeaders

# Plug-in 2: with throttle.js for smoother scroll
to-do: beautify scroller
ref: http://tympanus.net/Tutorials/StickyTableHeaders/index3.html

# Plug-in doesn't work for me
ref: http://www.fixedheadertable.com/

jQuery Table Manipulations

2014-11-24T09:15:00.004+08:00

Add to table

Ans. 1: prepend

Ref: http://stackoverflow.com/questions/23291138/add-thead-and-insert-first-tr-from-tbody-for-parent-table-only

$("document").ready( function() {
    $('table').each(function(){
    $(this).prepend('')
    $(this).find('thead').append($(this).find("tr:eq(0)"));
})});

Ans. 2: append & appendTo

Ref: http://stackoverflow.com/questions/12781886/jquery-add-thead-and-add-tbody

var myTable = jQuery("#myTable");
var thead = myTable.find("thead");
var thRows =  myTable.find("tr:has(th)");

if (thead.length===0){  //if there is no thead element, add one.
    thead = jQuery("").appendTo(myTable);    
}

var copy = thRows.clone(true).appendTo("thead");
thRows.remove();



Replace with
 




Ans. 1: REGEX

Ref: http://stackoverflow.com/questions/4374595/how-to-replace-all-tr-tags-with-th-tags


$('#tableId').html($('#tableId').html().replace(/tr/gi, 'th'));





Ans 2: wrapInner & unwrap

Ref: http://stackoverflow.com/questions/18641694/replace-th-with-td-for-specific-span


var $span = $('#ViewPayment_LblPayment');

$span.find('th').wrapInner('').contents().unwrap();
$span.find('tbody').contents().unwrap();

Emulating Phonegap/Cordova Apps in the Desktop Browser

2014-11-21T13:46:00.003+08:00

Amazing emulator for debugging phonegap API on Chrome!

you can actually run off of the file:/// scheme, just need a couple of steps:1. you need to close chrome and then start it with the --allow-file-access-from-files flag2. go to chrome://extensions page, find Ripple and check off the "Allow access to file URLs" checkbox3. enable Ripple as you describe and it should all work

## To-do: add pic here

Ref:

[Sublime Text] Sublime Text 2.0 Shortcut

2014-11-21T12:23:00.000+08:00

Here are some useful shortcuts for sublime text.

General
Ctrl + Shift + P	Command pallette
Ctrl + /	Toggle comment
Ctrl + Shift + /	Toggle block comment
Ctrl + Space	Show completions
File / Tabs Navigation
Ctrl + P	Goto anything
Ctrl + G	Goto line
Ctrl + R	Goto symbol (function, table,...)
Ctrl + ;	Goto word in current file
Ctrl + Page up / Page down	Cycle up / down through tabs
Ctrl + Shift + t	Open last closed tab
Ctrl + W	Close current tab
Alt + [Num]	switch to tab Num
Ctrl + K, C	Goto current selection
Ctrl + Up / Down	Scroll up / down one line (doesn't move cursor)
Ctrl + F2	Set Bookmark
Alt + Ctrl + P	Switch Project
Ctrl + Shift + F2	Clear all bookmarks
F2	Goto next bookmark
View / Split Window
Ctrl + `	Show / Hide Console
Ctrl + K, B	Show / Hide Sidebar
F11	Full screen
Shift + F11	Distraction-free mode
Alt + Shift +1 / 2 / 3 / 4	Set single, 2, 3, or 4 column layout
Alt + Shift + 8 / 9	Set 2 or 3 Row layout
Alt + Shift + 5	Set 4-pane grid layout
Ctrl + 1 / 2 / 3 / 4	Set focused group / pane
Ctrl + Shift 1 / 2 / 3 / 4	Move current tab / file to pane
Find
F3	Find Next
Ctrl + F3	Find previous
Ctrl + I	Incremental find
Ctrl + H	Replace
Ctrl + Shift + H	Replace next
Ctrl + F3	Quick Find (find current word)
Alt + F3	Quick find all
Ctrl + E	Use selection for find
Ctrl + Shift + E	Use selection for replace
Ctrl + Shift + F	Find in files
F4	Next result (find in files)
Shift + F4	Previous result (find in files)
Folding
Ctrl + [ / ]	Fold / expand
Ctrl + K, J	Unfold all
Ctrl + K, 1	Fold all
Ctrl + 2-9	Fold level X
Ctrl K, T	Fold tag attributes
Marks
Ctrl + K, Space	Set mark
Ctrl + K, A	Select to mark
Ctrl + K, W	Delete to mark
Ctrl + K, X	Swap with mark
Ctrl + K, Y	Yank
Word Manipulation
Ctrl + Delete / Backspace	Delete word forward / backward
Ctrl + K, K	Delete to end of line
Ctrl + K, Backspace	Delete to beginning of line
Ctrl + T	Transpose (switch characters surrounding cursor)
Alt + .	Close Tag
Ctrl + K, U / L	Convert to upper / lower case
Line Manipulation
Ctrl + ], [	Indent / outdent
Ctrl + Shift + Up / Down	Swap Line Up / Down
Ctrl + Shift + D	Duplicate Line
Ctrl + Shift + K	Delete line
Ctrl + J	Join lines
Ctrl + Enter	Insert line after
Ctrl + Shift + Enter	Insert line before
F9	Sort lines
Ctrl + F9	Sort lines (case-sensitive)
Selection
Ctrl + D	Quick select (repeat to add next)
Ctrl + U	Undo quick select
Ctrl + K, D	Skip and quick add next
Ctrl + Shift + L	Adds cursors to each line of current selection
Alt + Ctrl + Up / Down	Column selection previous / next line
Ctrl + L	Expand selection to line
Ctrl + Shift + Space	Expand selection to scope
Ctrl + Shift + M	Expand selection to brackets
Ctrl + Shift + J	Expand selection to indentation
Ctrl + Shift + A	Expand selection to tag

Download files and store them locally with Phonegap/jQuery Mobile Android and iOS Apps

2014-11-21T10:31:00.002+08:00

Ref:

stackoverflow
MDN: Local File System
http://stackoverflow.com/questions/12748920/simple-example-with-window-requestfilesystem-function
HTML5 Rocks

If you're calling requestFileSystem() for the first time, new storage is created for your app. It's important to remember that this file system is sandboxed, meaning one web app cannot access another app's files. This also means you cannot read/write files to an arbitrary folder on the user's hard drive (for example My Pictures, My Documents, etc.).

Example code:

Use FileTransfer.download, here is an example:

function downloadFile(){

window.requestFileSystem(LocalFileSystem.PERSISTENT, 0, 
    function onFileSystemSuccess(fileSystem) {
        fileSystem.root.getFile(
        "dummy.html", {create: true, exclusive: false}, 
        function gotFileEntry(fileEntry) {
            var sPath = fileEntry.fullPath.replace("dummy.html","");
            var fileTransfer = new FileTransfer();
            fileEntry.remove();

            fileTransfer.download(
                "http://www.w3.org/2011/web-apps-ws/papers/Nitobi.pdf",
                sPath + "theFile.pdf",
                function(theFile) {
                    console.log("download complete: " + theFile.toURI());
                    showLink(theFile.toURI());
                },
                function(error) {
                    console.log("download error source " + error.source);
                    console.log("download error target " + error.target);
                    console.log("upload error code: " + error.code);
                }
            );
        }, fail);
    }, fail);
};
}

File system for Android / iOS:

var file_path;
function setFilePath() {
    if(detectAndroid()) {   
        file_path = "file:///android_asset/www/res/db/";
        //4 Android
    } else {
        file_path = "res//db//";
        //4 apache//iOS/desktop
    }
}

Then I load my JSON files, wich are prepackaged with the app, into the local browser storage. Like this:

localStorage["my_json_data"] = loadJSON(file_path + "my_json_data.json");

function loadJSON(url) {
    return jQuery.ajax({
        url : url,
        async : false,
        dataType : 'json'
    }).responseText;
}

If I wanna update my data. I get the new JSON Data from the server and push it into the local storage. If the server is on a different domain, which is the case most of the time, you have to make a JSONP call (check jQuery's docs on JSONP). I did it kinda like this:

$.getJSON(my_host + 'json.php?function=' + my_json_function + '&callback=?', function (json_data) {
    //write to local storage
    localStorage["my_json_data"] = JSON.stringify(json_data);

});

[Sublime Text] How to delete blank / empty lines?

2014-11-21T10:21:00.000+08:00

Ref: stackoverflow

Step 1. Ctrl + H to bring out replace panel

Step 2. Alt + R to confirm REGEX mode ('regular expression')

Step 3.

Find: ^(\r|\n\r?) to cover all possible line breaks.

Find: ^[\s]*?[\n\r]+ to find all empty lines (including ones with white space)