backflip

{
        "name": "load-google-maps",
        "version": "1.0.0",
        "main": ["./load-google-maps.js"],
        "author": "Glenn Baker & Gavin Foley",
        "dependencies": {
                "jquery": ">=1.5"
        },
        "license": ["MIT", "GPL"],
        "keywords": ["Google Maps", "Async"]

backflip

class CustomMarkdown < Middleman::Extension
  $markdown_options = {
    autolink:           true,
    fenced_code_blocks: true,
    no_intra_emphasis:  true,
    strikethrough:      true,
    tables:             true,
    hard_wrap:          true,
    with_toc_data:      true
  }

backflip

traceroute to mediatemple.net (64.207.129.182), 64 hops max, 52 byte packets
 1  172.20.10.1 (172.20.10.1)  2.215 ms  2.089 ms  1.623 ms
 2  192.168.242.1 (192.168.242.1)  45.445 ms  28.917 ms  39.819 ms
 3  192.168.0.202 (192.168.0.202)  39.991 ms  47.569 ms  39.702 ms
 4  192.168.0.181 (192.168.0.181)  30.114 ms
    192.168.0.205 (192.168.0.205)  79.893 ms  39.294 ms
 5  192.168.19.14 (192.168.19.14)  39.779 ms  69.757 ms  40.024 ms
 6  192.168.18.2 (192.168.18.2)  49.195 ms  49.675 ms  70.768 ms
 7  192.168.18.23 (192.168.18.23)  59.657 ms  40.749 ms  39.454 ms
 8  253-154-3-213.bluewin.ch (213.3.154.253)  98.625 ms  57.896 ms  70.271 ms

backflip

/**
 * Accordion plugin
 *
 * @author XY (123 AG)
 */

;(function(window, document, $) {

    /**
     * Plugin name

backflip

HIDING ADDRESS BAR ON IOS

Problem

To have more space available for the content, it is common practice for web apps to hide the address bar. This is done by programmatically scrolling the page. Since the introduction of the "Reader" functionality in iOS 5, the address bar contains an additional button when the browser detects "enough" content (see http://mathiasbynens.be/notes/safari-reader for details). When this button is present, the address bar does not hide for about 3-5 seconds. During this period of time, the content below the address bar (in our situation the whole header) is not visible.

Solutions

backflip

FIXED HEADER ON MOBILE

Problem

Some platforms do not support a value of "fixed" for the CSS property "position", which is used to position elements relative to the viewport where they remain while scrolling. It is possible to emulate this behavior using CSS or JavaScript. However, there are several trade-offs:

• It is not reliable to listen to the scroll event and re-position a fixed element while scrolling. One approach is to hide the fixed elements when scrolling starts and show them again when it stopped (jQuery Mobile was using this for some time).
• The only somewhat working solution is to create a "scrollview" which is as tall as the viewport and to scroll inside this area instead.
• A "scrollview" can either be created using CSS or JavaScript. The CSS solution (overflow:scroll) is not feasible because there is no scroll momentum, usually no scrollbars and many platforms require two fingers for scrolling. There is a new CSS property on webkit (-webkit-overflow-scrolling) which solves most of thi

backflip

$(function() {
	var hash = window.location.hash,
	    field = document.tweetfinder.user;

	if (hash) {
		hash = hash.substring(1);
		
		// Fill field
		field.value = hash;

backflip

// Assuming the latest version was installed using RubyGems (gem install sass --pre)
// The path depends on the exact version, of course. Tab completion to the rescue.

cd /Applications/LiveReload.app/Contents/Resources/SASS.lrplugin/lib
mv sass sass-bundled
ln -s /Library/Ruby/Gems/1.8/gems/sass-3.2.0.alpha.275/ sass

backflip

/**
 * JavaScript von nzz.ch
 * Anpassungen: Zeile 72 - 161: Code für $.fn.floaternavi mit Abfrage für position:fixed-Support
 *
 * Notwendige Anpassungen am CSS: "position:fixed" für ".inScrollMode"
 *
 * Demo: http://jsfiddle.net/backflip/4Zjxx/embedded/result/
 */

backflip

/** 
 * On iOS there does not seem to be a way to get the public link of a photo gallery
 * (See e.g. http://forums.dropbox.com/topic.php?id=22313)
 *
 * Using the following code as a bookmarklet when visiting the corresponding page
 * puts the correct URL into the address bar where you can copy it.
 *
 * More on JavaScript bookmarklets on iOS: http://joshjustice.com/bookmarklets.html
 */