3D translate an element in HTML

To translate the element, you need:

1. A container having CSS style "perspective: ___px"
2. The actual element having CSS style "transform: rotateX(___deg)"

Sample:

<div style="perspective:500px; margin-left:100px;">
    <div style="transform: rotateX(40deg)">
        <table border=1>
            <tr><td>testing</td><td>testing</td><td>testing</td></tr>
            <tr><td>testing</td><td>testing</td><td>testing</td></tr>
            ...
            <tr><td>testing</td><td>testing</td><td>testing</td></tr>
            <tr><td>testing</td><td>testing</td><td>testing</td></tr>
    </table>                
    </div>
</div>

testing	testing	testing	testing	testing
testing	testing	testing	testing	testing
testing	testing	testing	testing	testing
testing	testing	testing	testing	testing
testing	testing	testing	testing	testing
testing	testing	testing	testing	testing
testing	testing	testing	testing	testing
testing	testing	testing	testing	testing
testing	testing	testing	testing	testing
testing	testing	testing	testing	testing

Speed Up the Eclipse IDE

Nice tutorials and references for people who find their Eclipse is kinda slow:

• http://www.nicolasbize.com/blog/7-tips-to-speed-up-eclipse/

Install Teclast X80H (FB6M) as Android USB in Windows

Teclast X80H (FB6M) is a dual OS (Windows 8.1 + Android 4.4.4) tablet, to install

1. Install the Samsung USB driver 
2. Restart the computer
3. Select Device Manager > The X80H device > Update Driver Software.
4. Select Browse my computer for driver software
5. Select Let me pick from a list of device drivers on my computer
6. Select ADB Interface / Android USB Devices from the list
7. Select SAMSUNG Android ADB Interface

http://forum.xda-developers.com/windows-8-rt/general/teclast-x80h-8-dual-os-chinese-tablet-t2996314/post59151938#post59151938

Can Teclast simply provide an adb driver link for customer download easily? ... sigh

JavaScript frameworks that we should get touch with

More and more JavaScript framework to work with:

• React.js
• Ember.js
• Knockout.js
• Backbone.js
• Meteor
• Mithril
• Ember
• Vue.js
• Breeze.js
• Ractive

Reference: http://www.breck-mckye.com/blog/2014/12/the-state-of-javascript-in-2015/

Enable logcat in RedMi / HongMi AOSP 4.2.2

For some reason the logcat in AOSP 4.2.2 maybe disabled by default. To re-enable it, follow the steps below:

1. Extract the file in /system/etc/init.d/03MTKTweakElse
2. Comment out the line "rm /dev/log/main", this statement will disable the logcat to function
3. Push back the file to the device
   C:\> adb push 03MTKTweakElse /system/etc/init.d/03MTKTweakElse

You may not have the privilege to write on the directory /system, to handle this, remount the /system partition using:

1. Enter the shell
      adb shell
2. Change to root
      su
3. Remount the /system as Read-Write
      mount -o remount rw /system

Show multiple lines of title in Android ActionBar

To show multiple lines of title in Android ActionBar, one of the most common solution is to assign some of the text in SubTitle. Here we have another approach:

Basically we get the TextView object of the title in ActionBar, set it's max lines attribute to 2:

int titleId = Resources.getSystem().getIdentifier("action_bar_title","id","android");
TextView title = (TextView) findViewById(titleId);
title.setSingleLine(false);
title.setMaxLines(2);
title.setTextSize(TypedValue.COMPLEX_UNIT_SP, 16);

Then we can set a long title to the ActionBar where the text will be displayed as two lines:

getActionBar().setTitle("... your long title here ...");

ArcGIS: Query for a simplified feature set

To query a simplified feature set using QueryTask, you can set the "MaxAllowableOffset" property through

          com.esri.core.tasks.ags.query.Query.setMaxAllowableOffset( )

or if you're using ArcGIS Android SDK version 10.2.4 already, then it should be:

          com.esri.core.tasks.ags.query.QueryParameters.setMaxAllowableOffset( )

Cool Utilities for OSX Terminal

1. open
2. pbcopy, pbpaste
3. mdfind
4. screencapture
5. launchctl
6. say
7. diskutil
8. brew

Ref: http://lifehacker.com/eight-terminal-utilities-every-os-x-command-line-user-s-1593793109

Trigger breakpoint in Javascript

To trigger breakpoint in Javascript, you can add a 'debugger' in your code. For example:

function testing() {
    alert(123);
    debugger;
    alert(456);
}

The debugger will be triggered at runtime.

Restart VirtualBox services in OSX (Useful for running genymotion in mac)

Run the following command to restart VBox in mac:

sudo /Library/StartupItems/VirtualBox/VirtualBox restart

Whenever your genymotion emulator cannot restart in macos, try this.