joemccann

// Courtesy of @redwolves

String.prototype.linkify = function() { return this.replace(/[A-Za-z]+:\/\/[A-Za-z0-9-_]+\.[A-Za-z0-9-_:%&\?\/.=]+/, function(m) { return m.link(m) }) };

joemccann

description "Memory Monitor"
author      "Joe McCann"

start on startup
stop on shutdown

script
    if memory usage > 75% then exec killall node
end script

joemccann

/**
 * Module dependencies.
 */

var express = require('express')
  , stylus = require('stylus');

var app = express.createServer();

function compile(str, path) {

joemccann

var express = require('express')
    , css = require('stylus')
    , str = require('fs').readFileSync(__dirname + '/public/css/style.styl', 'utf8');

// What makes sense to me is pass in "str" to be rendered and write that data to the file named "style.css". 
// But examples show it being named "style.styl" which I thought was already loaded from "str"???
css.render(str, {filename: __dirname + '/public/css/style.css'}, function(err, css){
  if (err) throw err;
  console.log(css);
});

joemccann

Note: You need to be on a Mac.

Note: This is purposely verbose. Yes, I know a lot of this can be simplified. Fork it and show me.

1. Install git
2. Open your terminal.
3. mkdir ~/Documents/phonegap_sencha
4. cd ~/Documents/phonegap_sencha
5. git clone https://github.com/phonegap/phonegap-iphone.git && cd phonegap-iphone
6. git reset --hard HEAD

joemccann

/* http://snipplr.com/view.php?codeview&id=47181 */
/* Credit:  Jeffrey Way */

.border-radius( @radius: 3px ) {
	-webkit-border-radius: @radius;
	   -moz-border-radius: @radius;
	        border-radius: @radius;		
}

.outline-radius( @radius: 3px ) {

joemccann

The following is a non-exhaustive compendium of HTML5 related scripts, frameworks and templates/boilerplates alongside suggested best practices to be used for any HTML5-type project.

Feel free to add to the list and edit as you see fit.

Web

• HTML5 Boilerplate
• HTML5 Boilerplate "Make it Better"
• HTML5 Reset Stylesheet
• HTML5 Polyfills

joemccann

var sys = require("sys"),
    fs = require("fs");

function processImageDir(path, outFilename, cb) {
    fs.readdir(path, function(err, files) {

        var imgfiles = [];

        // Check for images and push on the array if it's a match.
        files.forEach(function(name) {

joemccann

(function (exports) {
  if (typeof JSON === "undefined") {
    throw new Error("JSON is required.  Plesae include json2.js if you are running this in the browser");
  }

  var 
    Q              = require("promised-io/promise"),
    HttpClient     = require("promised-io/http-client").Client,
    Trait          = require("traits").Trait,
    base64         = require("./base64"),

joemccann

// Does not work in Safari 5
// Technique one:
var lastSheet = document.styleSheets[document.styleSheets.length - 1];
var newName = 'foo';

lastSheet.insertRule("@-webkit-keyframes " + newName + "{ 0% { -webkit-transform: rotateY(0) translate3D(0,0,0);	} 25% { -webkit-transform: rotateY(45) translate3D(0,0,-1000px); } 50% { -webkit-transform: rotateY(90) translate3D(0,0,-2500px);} 75% { -webkit-transform: rotateY(135) translate3D(0,0,-1000px);} 100% { -webkit-transform: rotateY(180) translate3D(0,0,0px);} }", lastSheet.cssRules.length);

document.getElementById('#foo').style.webkitAnimationName = newName;