Dev Breakthroughs

A Velocity 2012 presentation by Ilya Grigorik (Google)

Rapid development of new smart phones and tablets demand more and effective applications on mobile platform which can easily perform the desired task for a user, thus there are a lot of mobile developers who are giving their 100 percent to make perfect mobile applications. Mobile web development is not an easy task, demands a lot of determination and dedication towards coding. Mobile developers need various applications to debug, testing, and delivering web contents perfectly on different mobile devices.

Here at STG we explored Google and collected these 6 Mobile Applications which can be pretty useful while developing effective applications, developers can create effective web galleries, can debug their codes and applications can check the preview of the websites on different mobile phones with the help of these applications.

The latest Firefox release includes a new tool for web developers: Scratchpad. The idea behind Scratchpad is simple: the browser is a fantastic place to experiment with JavaScript. Most JavaScript developers already know this and they use tools like the Web Console or Firebug’s command line to take advantage of the one environment that knows everything about their web page.

Tools like the Web Console are optimized for entering a single line of code. (ProTip: you can use shift-enter to put multiple lines of code into the Web Console.) Firebug has a button you can click to get into a multi-line input mode. Even with that multi-line input, the workflow is still centered around performing operations step-by-step and linearly.

Interaction with Scratchpad is quite different. It throws away the “one line of input gives you a line of output” interaction in favor of a text editor that knows how to run JavaScript.

Interesting historical aside: Scratchpad was heavily inspired by the Workspaces feature of Smalltalk environments. Thirty years in, we’re still reinventing Smalltalk ;-)

Lately you may have been hearing a lot about Adobe Shadow. It seems that I wasn't the only one who took some time to finally getting around to adding it to my workflow. The thing is that, once you do, you start to see how much Shadow improves that workflow when testing browser based applications on devices. While I only have a few devices, it seems obvious that the more devices you are testing, the more time this saves.

This post will cover how to set up Shadow on your desktop and your devices and then discuss some of its capabilities and, also, some of its current limitations. Keep in mind that this product is still in a preview release on Adobe Labs, so limitations are to be expected and many may be resolved in future updates. Also, as I was writing this, Christian Cantrell released a similar type of tutorial covering Shadow but in video format.

Use Sideline in development to troubleshoot bugs, munge data, live-edit functions, test code snippets.

Connect Sideline over SSH to troubleshoot production instance.

Run Sideline in standalone mode and use model objects to mess with the database.

Sideline talks CoffeeScript.

Add a shell to your Web server