Mike Heavers heaversm

Moving from jQuery

Events

// jQuery
$(document).ready(function() {
  // code
})

My approach to fix the iOS bug is documented here:

https://github.com/sergiolopes/ios-zoom-bug-fix

Here I present one experiment with a pure CSS solution, no JS required. It uses width=device-width normally (no device-height hacking) and scales down the page on landscape.

Works fine on all iOS versions.

There's only one problem: on old iOS versions (prior to 4.3.5), the page will get a big empty space at bottom, below the content, when on landscape. Recent iOS versions don't show this behavior.

	/* modernizr-test_position_fixed_ios.js
	* Original by Daniel Ott (https://gist.github.com/1333800)
	* 3 March 2011
	* Updated by Philipp Söhnlein 3 November 2011
	* Custom Tests using Modernizr's addTest API
	*/

	/* iOS
	* There may be times when we need a quick way to reference whether iOS is in play or not.
	* While a primative means, will be helpful for that.

	function hasOverflowScrolling() {
	var prefixes = ['webkit', 'moz', 'o', 'ms'];
	var div = document.createElement('div');
	var body = document.getElementsByTagName('body')[0];
	var hasIt = false;

	body.appendChild(div);

	for (var i = 0; i < prefixes.length; i++) {
	var prefix = prefixes[i];

	::-webkit-scrollbar{
	height:16px;
	overflow:visible;
	width:16px;
	}

	::-webkit-scrollbar-button{
	height:0;
	width:0;
	}

	#!/bin/sh -e

	#git-cache-meta -- simple file meta data caching and applying.
	#Simpler than etckeeper, metastore, setgitperms, etc.
	#from http://www.kerneltrap.org/mailarchive/git/2009/1/9/4654694
	#modified by n1k
	# - save all files metadata not only from other users
	# - save numeric uid and gid

	# 2012-03-05 - added filetime, andris9

	#301 Redirects for .htaccess

	#Redirect a single page:
	Redirect 301 /pagename.php http://www.domain.com/pagename.html

	#Redirect an entire site:
	Redirect 301 / http://www.domain.com/

	#Redirect an entire site to a sub folder
	Redirect 301 / http://www.domain.com/subfolder/

	// http://paulirish.com/2011/requestanimationframe-for-smart-animating/
	// http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating

	// requestAnimationFrame polyfill by Erik Möller. fixes from Paul Irish and Tino Zijdel

	// MIT license

	(function() {
	var lastTime = 0;
	var vendors = ['ms', 'moz', 'webkit', 'o'];

	<html>
	<head>
	<title>jsonp test</title>
	<script src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
	<script type="text/javascript">
	$(function(){
	$('#select_link').click(function(e){
	e.preventDefault();
	console.log('select_link clicked');

	var swipeFunc = {
	touches : {
	"touchstart": {"x":-1, "y":-1},
	"touchmove" : {"x":-1, "y":-1},
	"touchend" : false,
	"direction" : "undetermined"
	},
	touchHandler: function(event) {
	var touch;
	if (typeof event !== 'undefined'){