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

GitHub

Implemented using:

• node webkit
• AngularJS
• UI router
• bootstrap

How to run:

• Download node-webkit
• Download POM360NW.nw
• Run it

> nw POM236NW.nw

FireJSOD listed on Firebug Website

Yay! FireJSOD is now listed on Firebug extensions page!

Feedback and issues welcome.

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!

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:

FireJSOD.xpi

Available on Mozilla site: https://addons.mozilla.org/addon/firejsod/

File issues at:

https://github.com/sandipchitale/FireJSOD/issues

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:

See

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

FireJSOD.xpi

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

TODO

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

and the git repository:

https://github.com/sandipchitale/FireJSOD

File issues at:

https://github.com/sandipchitale/FireJSOD/issues

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.

Bow, Arrows and Quiver

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

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 [ 1 ] - these are typically created using the new operator on a constructor function. These inherit the constructor [ 4 ] property from the prototype object of the constructor function.  The standard object's  __proto__ [ 7 ] hidden link refers to prototype objects.
• Prototype objects [ 2 ] - 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 [ 3 ]- 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.