palaniraja palaniraja

Mac web developer apps

This gist's comment stream is a collection of webdev apps for OS X. Feel free to add links to apps you like, just make sure you add some context to what it does — either from the creator's website or your own thoughts.

— Erik

Rule 0: Do not make a framework.

Ask yourself if you should be making a framework given that you are not in the business of making frameworks. Believe it or not, most of us have the urge to solve problems completely and in the general case as our first inclination, but getting things done requires not doing so almost all of the time.

Rule 1: Do not have dependencies on other 3rd party frameworks.

Frameworks should be modular and standalone. They should require nothing but the standard system libraries in order to run. If the framework relies on other functionality, it should encompass it entirely. If it cannot, it probably violates Rule 3.

Rule 2: Use a non-viral open-source license like MIT or Apache, NOT GPL.

A soft-fullscreen prompt for iOS7+

Background

iOS 7.0 and iOS 8 (Beta) do not have support for minimal-ui viewport keyword, nor do they response to window.slideTo(0,1) or support Fullscreen API, which means there is no easy way to tell Mobile Safari to hide address bar/menu without user interaction.

This is a problem for Web App that mimics Native App design, where html/body are commonly set to height: 100%, so browser viewport = available screen estate. There are currently no solution besides adding apple-mobile-web-app-capable meta and ask users to manually Save to Homescreen.

Frustrated by this limit, we present a soft-fullscreen prompt design, which, coupled with proper CSS hack, can achieve soft-fullscreen with relatively small effort from users.

	/*
	Relies on jQuery, underscore.js, Async.js (https://github.com/caolan/async), and zip.js (http://gildas-lormeau.github.com/zip.js).
	Tested only in Chrome on OS X.

	Call xlsxParser.parse(file) where file is an instance of File. For example (untested):

	document.ondrop = function(e) {
	var file = e.dataTransfer.files[0];
	excelParser.parse(file).then(function(data) {
	console.log(data);

	#import <UIKit/UIKit.h>

	@interface UIView (SMFrameAdditions)

	@property (nonatomic, assign) CGPoint $origin;
	@property (nonatomic, assign) CGSize $size;
	@property (nonatomic, assign) CGFloat $x, $y, $width, $height; // normal rect properties
	@property (nonatomic, assign) CGFloat $left, $top, $right, $bottom; // these will stretch the rect

	@end

	<?xml version="1.0" encoding="UTF-8"?>
	<project name="fooProject" default="build-fooProject">
	<property environment="env"/>

	<target name="build-fooProject" depends="prepare,oclint" />

	<target name="clean" description="Cleanup build artifacts">
	<delete dir="${basedir}/build/oclint" />
	</target>

	#!/bin/bash
	#
	# Convert diff output to colorized HTML.
	# (C) Mitch Frazier, 2008-08-27
	# http://www.linuxjournal.com/content/convert-diff-output-colorized-html
	# Modified by stopyoukid
	#

	html="<html><head><meta charset=\"utf-8\"><title>Pretty Diff</title><style>body {text-align: center;}#wrapper {display: inline-block;margin-top: 1em;min-width: 800px;text-align: left;}h2 {background: #fafafa;background: -moz-linear-gradient(#fafafa, #eaeaea);background: -webkit-linear-gradient(#fafafa, #eaeaea);-ms-filter: \"progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa',endColorstr='#eaeaea')\";border: 1px solid #d8d8d8;border-bottom: 0;color: #555;font: 14px sans-serif;overflow: hidden;padding: 10px 6px;text-shadow: 0 1px 0 white;margin: 0;}.file-diff {border: 1px solid #d8d8d8;margin-bottom: 1em;overflow: auto;padding: 0.5em 0;}.file-diff > div {width: 100%:}pre {margin: 0;font-family: \"Bitstream Vera Sans Mono\", Courier, monospace;font-size: 12px;line-height: 1.4em;text-indent: 0.5em;}.file {color:

	"""
	This script was used to create the figures for http://jrsmith3.github.io/sample-logs-the-secret-to-managing-multi-person-projects.html from a PDF file containing some old CMU sample logs.
	"""

	import PyPDF2
	from wand.image import Image
	import io
	import os

	#!/usr/bin/ruby
	# new_podcast.rb
	# Create a new Sublime Text workspace with 4 vertical columns and starter note buffers
	# Brett Terpstra 2014
	# Free to use and modify (WTF license)
	# Usage: new_podcast.rb episode_title
	require 'fileutils'

	# By default new workspaces are created in subdirs off the current directory
	# modify project_root to always have them built in a specific location, (e.g. project_root = "~/Dropbox/Podcasts")