Online IDEs (for HTML, CSS, Javascript)

All of them support Zen Coding
jsfiddle.net
jsbin.com
http://codepen.io
http://cssdeck.com/labs

Kanban process for Project Management

Trello.com , KanbanFlow.com

http://eldarion.com/blog/2013/01/16/how-we-use-trello/
http://community.uservoice.com/blog/trello-google-docs-product-management/
http://codetunes.com/2013/we-use-trello

http://ruby.awsblog.com/

http://ruby.awsblog.com/

Amazon's Platform-as-a-service (Paas) - AWS Elastic BeanStalk - started supporting Ruby since 2012 Nov.
Above is the Ruby related blog link

RubyMine (Rails) tutorial

Tutorial shows the "(work)flow" i.e. steps that need to happen, when we need to do something in Rails

Next generation Code Editors

http://www.lighttable.com/


Light Table - a new IDE from Chris Granger on Vimeo.

ifttt

Yahoo Pipes, ifttt.com (If This Then That)

Stanford University - iPad and iPhone Application Development videos

https://itunes.apple.com/us/course/coding-together-developing/id593208016
https://itunes.apple.com/us/itunes-u/ipad-iphone-application-development/id473757255

SignalR & Shopping Cart

Seems like a good tutorial to do as an example -
http://tech.pro/tutorial/1146/building-a-shopping-cart-with-signalr-aspnet-web-api-and-knockoutjs

Markdown - tool for webwriters

Markdown is a text-to-HTML conversion tool (for web writers).

http://en.wikipedia.org/wiki/Markdown

Dino Esposito on "conventions"

Dino Esposito on "conventions"

"Conventions when not well explained, understood, and known, are quite dangerous. They do not favor readable code and even may create more issues than they would solve in development scenarios where awareness of conventions is not high. Too many, and too deep conventions, look undistinguishable from magic. Personally, I find acceptable the level of conventions you find in ASP.NET MVC; much less the extreme level of conventions you find in Web API."

This is from his article comparing Web API vs ASP.Net MVC Controllers vs WCF - https://www.simple-talk.com/dotnet/.net-framework/building-a-public-http-api-for-data/

Web Essentials 2012 - VS.Net Plugin

http://vswebessentials.com/features

Rails on Heroku

https://devcenter.heroku.com/articles/rails3

Git book

http://git-scm.com/book

Javascript code - Bookmarklet that loads jQuery and then executes some jQuery commands

RunSomejQueryCommands() - Put whatever jQuery statements that need to be run after jQuery finishes loading
Note: the code loads jQuery into the page only if it is Not already there
Below example - in google.com page, clicking on the bookmarklet will load jQuery and put the text "jQuery loaded...Inserted via jQuery" into the Search box

javascript:if (typeof jQuery == 'undefined') { var s=document.createElement('script');s.setAttribute('src', '//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js');document.getElementsByTagName('body')[0].appendChild(s);} var WaitTilljQueryLoads = function() { if (typeof jQuery != 'undefined') { clearInterval(timer);RunSomejQueryCommands(); }}; var timer = setInterval(WaitTilljQueryLoads);void(s);var RunSomejQueryCommands = function() {$('[name=q]').val('jQuery loaded...Inserted via jQuery');};

html5shim for IE6-8

"Problem" - in Slides 4,5

HTML5shim from schlick

Bootstrap Tools

jetstrap.com
http://www.bootstrapdesigner.com/
http://keynotopia.com/bootstrap/
http://www.boottheme.com/app/#designpage - http://www.youtube.com/watch?v=0y4-45Nj3Zs

For the music

Zen Coding (Plugins)

Plugins are available for Visual Studio, Notepad++ etc..

To use with Sublime Text - https://github.com/sergeche/emmet-sublime
(Github link has instructions on how to install and use it)


From http://en.wikipedia.org/wiki/Zen_Coding:

Zen Coding uses a specific syntax in order to expand small snippets of code, similar to CSS selectors, into full-fledged HTML code.^[2] For example, the sequence

div#page>div.logo+ul#navigation>li*5>a

expands into

<div id="page">
        <div class="logo"></div>
        <ul id="navigation">
                <li><a href=""></a></li>
                <li><a href=""></a></li>
                <li><a href=""></a></li>
                <li><a href=""></a></li>
                <li><a href=""></a></li>
        </ul>
</div>

Intro by author - http://coding.smashingmagazine.com/2009/11/21/zen-coding-a-new-way-to-write-html-code/

EDIT (Mar 31 2013) -
Zen Coding is now Emmet - emmet.io
Documentation links -
http://docs.emmet.io/
Abbreviations Syntax - http://docs.emmet.io/abbreviations/syntax/
Actions - http://docs.emmet.io/actions/
Cheat Sheet - http://docs.emmet.io/cheat-sheet/

Speed Test (with Singapore servers)

http://speedtest.sgix.sg/

Objective C, iOS

https://speakerdeck.com/rubymaverick/objective-c-primer-ft-mr-higgie
http://www.codeschool.com/courses/try-ios

UI Mockup Tools

balsamiq.com - http://builds.balsamiq.com/b/mockups-web-demo/
lucidchart.com
moqups.com

To convert balsamiq wireframes to Bootstrap html - http://www.wire2app.com/product/wireframe-design-best-practices.aspx