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.

Stay tuned!

FireJSOD 1.6 available

FireJSOD 1.6 is now available. Many bug fixes including disabled selection while dragging in the diagram. 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

File issues at:

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

FireJSOD: JavaScript Object Diagram integration with Firebug | Watches Tab

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 this 1.2 version here is the

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: 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.

Chrome extension syntaxit

Here is a simple Chrome Extension - syntaxit.

• Install it from Chrome Web Store 

or

• git clone https://github.com/sandipchitale/syntaxit.git
• Install it as unpacked extension (How?) 

You will see this browser action icon in the Chrome toolbar:

Visit any page that has JavaScript code in a pre tag which has not been been syntax colored yet by some other plugin. For example this page.

And then click on the syntaxit icon in the toolbar. Boom...you will see this:

Uses Prismjs syntax coloring library.

Currently assumes JavaScript by default. Tries to guess Java using a simple keyword match.

TODO

• Implement more sophisticated language recognition
• Get this extension on Chrome App store Chrome Web Store

Dev Art Submission

Available on Chrome Web Store.

It appears that there are 160 completed entries. So I have 1 in 8 chance to make it to top 20 :)