Using CoffeeScript over JavaScript in your Node.js Application or Module

If you’ve wanted to code your next Node.js app in CoffeeScript then it ain’t that hard. Since coffeescript is just a little language that compiles down to javascript it is pretty much compatible with node.js. Let’s take a look at some of the ways in which you can execute your node.js script (written in coffeescript).

Continue reading “Using CoffeeScript over JavaScript in your Node.js Application or Module”

Remote Web App JavaScript Debugging with JSConsole.com

jsconsole web app/page debugging

I’ve written a few posts on remote debugging before, using edge inspect and weinre. They’re definitely very good at the problem they try to solve but today I came across a new Javascript-only remote debugging tool (mobiles, desktops, laptops, etc.) called JSConsole and am loving it! It’s pretty amazing for what it does and is trivial to setup.

Continue reading “Remote Web App JavaScript Debugging with JSConsole.com”

How To Use Twitter OAuth with node-oauth in your Node.js / Express Application

I am building a Node.js application where I want the users to be able to signup with their twitter credentials rather than remembering another set of username/pasword. My framework of choice is Expressjs, so I’ll quickly show you how to authenticate the user with twitter’s oauth service in it.

Continue reading “How To Use Twitter OAuth with node-oauth in your Node.js / Express Application”

Using Adobe Edge Inspect for Cross-Device Web Page Debugging and Synchronized Browsing

Using Adobe Edge Inspect you can inspect your webpages (like you do in chrome dev tools) across various remote devices (mobiles, tablets, etc.). You basically connect multiple iOS or Android devices to your computer wirelessly (this happens via adobe’s servers). Then all you do is browser in your Chrome and those devices will stay in sync, i.e., open/refresh the webpage that you’re viewing in chrome. You can then fire up an inspecting tool (in your computer) to inspect html, css and do a lot more (like dev tools) in those devices. The inspection is done via weinre.
Continue reading “Using Adobe Edge Inspect for Cross-Device Web Page Debugging and Synchronized Browsing”

Remote Mobile Web Application Debugging with Weinre

Weinre (WEb INspector REmote) – pronounced as ‘winery’ – is an excellent tool that reuses the code from the webkit web inspector to allow remote webpage debugging (basically what firebug or chrome dev tools does for inspection). It can be extremely useful when you want to debug a webpage in mobiles, tablets or any other remote device!

Continue reading “Remote Mobile Web Application Debugging with Weinre”

Scaling Your HTML5 Canvas to Fit Different ViewPorts (or Resolutions)

I am going to share a neat little trick that was learnt while working on an HTML5 game recently. The game is pretty much like our HTML5 Doodle Jump. We had to make sure that the game scales down very well on smaller devices like mobiles, ipads, tablets, etc. and in the process learnt a neat trick to scale the entire canvas across all devices consistently.
Continue reading “Scaling Your HTML5 Canvas to Fit Different ViewPorts (or Resolutions)”