Thursday, April 24, 2014

POM 360

Checkout the cool implementation of automatic textarea resize in (POM360.js) after:
  • Window resize
  • Tab change
  • Show/Hide of footer
tricks used:
  • $(window).resize(fn)
  • $rootScope.$on('$stateChangeSuccess', fn() {setTimeout(fn, 0)});
  • track show/hide of detail footer

Implemented using:
  • node webkit
  • AngularJS
    • UI router
  • bootstrap
How to run:

> nw POM236NW.nw

Tuesday, April 22, 2014

Friday, April 18, 2014

GitChrome Package App will be cool!

After having used GitHub for Windows I am really inspired to implement the same as a Chrome Packaged App.

GitHub for Windows

The window frame of a Chrome Package App is very similar to the one we see above. So here is what I am thinking:

  • Chrome Package App implementation
    • Ability to access local filesystem [1] to access local repositories
      • the required look
  • AngularJS+Bootstrap for the UI
  • Possibly look into JavaScript implementation of Git API (not sure if this is alive) or Git.js or develop one.
Come to think of it node webkit may be a better implementation alternative! Looking into it. Seen and example of using node-webkit to develop desktop app - POM360 .

I am going to call it GNIT (Git, Node, Webkit).

Stay tuned!

Tuesday, April 15, 2014

FireJSOD 1.8 available

FireJSOD 1.8 is now available. Many bug fixes including:

  • disabled selection while dragging in the diagram
  • fix property enumeration using Object.getOwnPropertyNames(value)

The JavaScript Object Diagram menu item is now shown where ever a object is shown e.g. DOM Panel, Console expression results etc. Get it:

Tuesday, April 08, 2014

FireJSOD: JavaScript Object Diagram integration with Firebug | Watches Tab

[UPDATE: Now listed on Firebug Extensions page]

In this entry I blogged about JavaScript Object Diagram integration with Chrome Devtools | Sources Tab | Scope Variables section. I am doing a similar integration for Firebug.

Almost there:


If someone wants to try it, here is the .xpi:


[Just tried it on Firefox: 31.0a1 (2014-04-14) and Firebug: 2.0b1 combo and FireJSOD seems to work also.]


  • A few more bug fixes
  • Unified display of object labels and properties, currently it is a little hodge-podge.
  • Get it listed on extensions page. Filed the issue.

and the git repository:

Monday, April 07, 2014

Windows 8.1 thin vertical taskbar

[Update: The May 2nd 2014 beta release of 7+ Taskbar Tweaker has a fix for Windows 8.1 update. Yay! Also I am now using classic shell in combination with 7+ Taskbar Tweaker.]

[Update: April  20th 2014 Windows 8.1 update has temporarily broken this :( Apparently a new fix is in the works.]

I recently acquired a new laptop with Windows 8.1 on it. I like to dock my task-bar on the left edge of my screen and like it as thin as possible. There are specific reason for this choice:

  • Vertical task-bar because widescreen monitors means plenty of horizontal space but relatively less vertical screen real estate
  • Task-bar docked to left edge because that way the task bar does not interfere with vertical scroll-bar interaction on the right side of maximized windows - when the auto hide task-bar is turned on.
I had blogged about how to get a thin vertical task-bar on Windows 7 here. Unfortunately that does not work on  Windows 8 or 8.1. The task-bar stays 2 icon wide. Bummer.

After a little bit of search I found this excellent utility - 7+ Taskbar Tweaker. This has a set of Advanced options (right-click the 7+ Taskbar Tweaker's system tray icon, select Advanced Options) to remove the minimum width limit on the vertical task-bar. 

How to configure it ?
  • Install 7+ Taskbar Tweaker and run it. You can close the dialog that is displayed.
  • Make sure to dock the task-bar to the left edge
  • Make sure that it is not locked
  • Make sure that you have selected Use small icons option in the task-bar properties
  • In the 7+ Taskbar Tweaker Advanced options (right-click the 7+ Taskbar Tweaker's system tray icon, select Advanced Options) just set the value of no_width_limit to 1 and click OK.
(other options have been removed from the screenshot for focus)
  • Then drag the right edge of the task-bar to make it 1 icon thick

If you do not configure the 7+ Taskbar Tweaker to run at startup, after reboot the task-bar will become 2 icon thick again. Simply run the 7+ Taskbar Tweaker and the 1 icon wide task-bar will be restored. After this you may even exit the 7+ Taskbar Tweaker tray icon.

Sunday, April 06, 2014

Bow, Arrows and Quiver

Made a set of Bow, Arrows and Quivers for a musical production of Geeta

Tuesday, April 01, 2014

JavaScript object types for JSOD

In this blog entry I talked about integration JavaScript Object Diagam (JSOD) with Chrome Devtools. While thinking about it in terms of how to lay out the objects in JSOD I came to this realization i.e. there are three types of objects from the point of view of JSOD. These are as follows:

  • Standard objects [ ] - these are typically created using the new operator on a constructor function. These inherit the constructor ] property from the prototype object of the constructor function.  The standard object's  __proto__ [ 7 ] hidden link refers to prototype objects.
  • Prototype objects [ ] - these are objects that are prototypes of functions which are internally created by new operator. These objects have their own constructor [ 5 ] property. The standard object's __proto__  [ 7 ] hidden link (typically) refers to these objects. The prototype property of the constructor functions point to these objects.
  • Function object [ ]- these are function objects used for creation of other object's using new operator. The prototype [ 6 ] property of function objects refer to prototype object.
I hope that JSOD becomes a standard way for diagramming JasvaScript objects.