Oli Evans olizilla

Problem: I'd prefer not to commit compiled resources to my repository, but I've still gotta deploy the thing.

Simple solution: Commit compiled resources...

Bonus credit solution: npm postinstall task runs grunt, grunt creates the compiled resources, heroku can then automagic on git push, rainbows and unicorns ensue.1,2

Your milage may vary, but on the happy path a git push heroku can deploy and run your node app.

Getting grunt to do your bidding is covered elsewhere. GRUNTEND is a fine bootstrap to getting your HTML5 Boilerplate app rolling on grunt: https://github.com/alanshaw/gruntend

How to eclipsify a bad webapp

Assumptions

Tomcat 7 is available and imported into eclipse
Eclipse Juno, EE flavour.

Any mismatch between these assumptions and reality may result in failures and face-palm.

	// Provide a function with a temporary canvas, encapsulating the creation and clean up code.
	function withCanvas(/canvas => Any/ use) {
	var b = document.body;

	// create canvas
	var canvas = document.createElement("canvas");

	// canvas doesn't draw well unless it's added to the page
	b.appendChild(canvas);

	<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
	<modelVersion>4.0.0</modelVersion>

	<groupId>com.example</groupId>
	<artifactId>minimal-pom</artifactId>
	<version>1.0-SNAPSHOT</version>
	<packaging>jar</packaging>

	<properties>
	<!-- Avoid using the platform default encoding... http://maven.apache.org/general.html#encoding-warning -->

	<html>
	<head>
	<meta charset="utf-8">
	<style>
	body{
	margin:0;
	background: #222;
	}
	</style>
	</head>

	<html>
	<head>
	<meta charset="utf-8">
	<script src="http://d3js.org/d3.v2.js"></script>
	<style>
	body{
	margin:0;
	background: #222;
	}
	.controls{

	{
	"points": {
	"point": [
	{
	"latitude": "{{ latitude }}",
	"longitude": "{{ longitude }}"
	}
	]
	}
	}

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Unicode</title>
	<style type="text/css">
	#output {
	font-family: monospace;
	text-align: center;
	margin-top: 0.4em;

	Ext.namespace('foo');

	foo.UpdatePositionDialog = Ext.extend(Ext.Window, {

	/**
	* @param {Object} config Instance configuration options
	*/
	constructor:function (config) {

	// Merge the incoming config with the defaults. Externally provided properties take precedence.

	#!/bin/bash
	# __
	# _____ ____ _/ \|_ ____ ____ _______
	# / \ _/ __ \ \ __\_/ __ \ / _ \ \_ __ \
	# \| Y Y \\ ___/ \| \| \ ___/ ( <_> ) \| \| \/
	# \|__\|_\| / \___ > \|__\| \___ > \____/ \|__\|
	# \/ \/ \/
	#
	# .___
	# __\| _/ __ __ _____ ______

Oli Evans olizilla

How to eclipsify a bad webapp

Assumptions

Steps