walterrenner’s gists

walterrenner / web-app.html

Created November 30, 2012 10:05 — forked from tfausak/ios-8-web-app.html

iOS web app - icons, startup images, install hints

	<!doctype html>

	<html>
	<head>
	<meta charset="utf-8">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black" /> <!-- values: default, black, black-translucent -->
	<meta name="viewport" content="initial-scale=1.0">
	<meta name="viewport" content="maximum-scale=1.0">
	<meta name="viewport" content="user-scalable=no">

walterrenner / nested-kbd.html

Created December 7, 2012 08:38

Stylish kbd Element

	<!doctype html>

	<html>
	<head>
	<meta charset="utf-8">

	<title>Stylish kbd Element</title>

	<!-- CSS for nested kbd Elemnts -->
	<style type="text/css">

walterrenner / scrollposition.html

Created December 7, 2012 08:42

Detect Scroll Position and act

	<!doctype html>

	<html>
	<head>
	<meta charset="utf-8">

	<title>Detect Scroll Position and act</title>

	<!-- CSS -->
	<style type="text/css">

walterrenner / hide-url-bar.html

Last active December 10, 2015 08:18

Hide URL-Bar in mobile Safari

	<!doctype html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Hide URL-Bar in mobile Safari</title>
	</head>

	<body>
	<div id="wrapper" style="font-size:3em;">
	foo:bar

walterrenner / mediaqueries.css

Created January 15, 2013 11:39

Media Queries for Standard Devices http://css-tricks.com/snippets/css/media-queries-for-standard-devices/

	/* Smartphones (portrait and landscape) ----------- */
	@media only screen
	and (min-device-width : 320px)
	and (max-device-width : 480px) {
	/* Styles */
	}

	/* Smartphones (landscape) ----------- */
	@media only screen
	and (min-width : 321px) {

walterrenner / shake.html

Created January 29, 2013 14:32 — forked from sergejmueller/shake.html

CSS Animation using Keyframes

walterrenner / pygui.py

Created February 1, 2013 10:14

Basic Python GUI

	#!/usr/bin/env python

	from Tkinter import *
	import tkMessageBox
	from datetime import datetime

	pressed = 0


	def helloCallBack():

walterrenner / html5structure.html

Created February 1, 2013 13:44

Basic HTML5 Page Structure

	<!DOCTYPE HTML>
	<html>
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Your Website</title>
	</head>
	<body>
	<header>
	<nav>
	<ul>

walterrenner / animation.html

Created February 8, 2013 15:45

CSS3 Animation example

	<!DOCTYPE HTML>
	<html>
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Animation</title>
	<style type="text/css">
	.background {
	width: 100%;
	height: 350px;
	position: absolute;

walterrenner / rotation.html

Created February 8, 2013 15:46

Rotation Example

	<!DOCTYPE HTML>
	<html>
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Your Website</title>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
	<style type="text/css">
	::selection {
	background-color: #000;
	color: #fff;

Walter walterrenner