feedhenry-gists’s gists

feedhenry-gists / css3_gradients.css

Created January 17, 2012 09:58

App Anatomy CSS3 Gradients

	#menu{
	height: 50px;
	padding: 0px;
	z-index: 1;

	position: relative;
	background: #3a3a3a;
	background: -webkit-gradient(linear, left top, left bottom, color-
	stop(0%,#3a3a3a), color-stop(50%,#141414), color-stop(50%,#000000), color-
	stop(100%,#000000));

feedhenry-gists / gist:1026753

Created June 15, 2011 09:04

HTML and iScroll Tabbed UI Template App Internals Config

	// what to do when app is loaded and ready to go
	$fh.ready(function () {
	...
	// Make act call to get latest config from server
	$fh.act({
	act: 'getConfig'
	}, function (result) {
	...
	// Got config from server, so overwrite our local config
	...

feedhenry-gists / gist:1026749

Created June 15, 2011 09:03

HTML and iScroll Tabbed UI Template Background Image Main content

	#fh_app_page {
	background-image:url(<background_image_url>);
	}

feedhenry-gists / gist:1026746

Created June 15, 2011 09:02

HTML and iScroll Tabbed UI Template Background Image

	#fh_app_page {
	background-color:transparent;
	}
	#fh_app_main_screen {
	background-image:url(<background_image_url>);
	}

feedhenry-gists / gist:1026745

Created June 15, 2011 09:01

HTML and iScroll Tabbed UI Template Tab Transparent

	.nav_tabs ul {
	background-image:none;
	background-color:transparent;
	}

feedhenry-gists / gist:1026744

Created June 15, 2011 09:01

HTML and iScroll Tabbed UI Template Tab Bar

feedhenry-gists / gist:1026743

Created June 15, 2011 09:00

HTML and iScroll Tabbed UI Template Tab array

feedhenry-gists / gist:1026740

Created June 15, 2011 08:59

HTML and iScroll Tabbed UI Template Config

	var config = {
	prefs: {
	// Title of app appears in header
	title: 'Template App',

	// Max of 5 tabs here
	// Each tab needs a name, which is the text shown on the Tab,
	// and an icon, shown above the text. This icon is located in img/tabs/
	tabs: [{
	name: 'Tab 1',

feedhenry-gists / gist:1026739

Created June 15, 2011 08:59

HTML and iScroll Tabbed UI Template Disable Browser Features

	* {
	/* prevent callout to copy image, etc when tap to hold */
	-webkit-touch-callout: none;

	/* make transparent link selection, adjust last value opacity 0 to 1.0 */
	-webkit-tap-highlight-color: rgba(0,0,0,0);

	/* prevent copy paste, to allow, change 'none' to 'text' */
	-webkit-user-select: none;

feedhenry-gists / gist:1026737

Created June 15, 2011 08:56

HTML and iScroll Tabbed UI Template CSS