@caramu

<a href="" onclick="fbl()">FB</a>

    function fbl() {
        if (
          navigator.userAgent.indexOf('iPhone') > 0
          || navigator.userAgent.indexOf('iPad') > 0
          || navigator.userAgent.indexOf('iPod') > 0
        )
        {
           document.location = "fb://profile/●●●●●●●●";
           var time = (new Date()).getTime();
           setTimeout(function(){
               var now = (new Date()).getTime();
 
               if((now-time)<400) {
                       document.location = "https://www.facebook.com/●●●●●●";
               }
           }, 300);
        }
        else if(navigator.userAgent.indexOf('Android') > 0)
        {
                        document.location = "intent://profile/●●●●●#Intent;scheme=fb;package=com.facebook.katana;end";
        }
 
    };


intent://★★★★★/●●●●●#Intent;scheme=○○○○;package=◆◆◆◆◆◆;end
fb://★★★★★/
twitter://★★★★★/

サンプルとhtmlコードは気が向いたら追記しようかな
漁るのが面倒なのでjsコードだけ
別で使う過去のコード探してたら一緒に使ってたのでパララックスとか書いててなんかオシャンティなことしてるなと思ったらそうでも無かった。

$(window).on('scroll', function(e) {
  parallax();
});
 
function parallax(){
  var scrolled = $(window).scrollTop();
  $('#bgfrm').css('backgroundPositionY',-(scrolled*0.2)+'px');
}

apache 起動

sudo apachectl start

mysql 起動

brew services start mysql

xammppも設定は間違ってなかったけどパーミッションエラーが出るので、
デフォルトのapache使うようにしたところ、同じエラーがでてなんやらショックを受けた今日。

xammppのフォルダにパーミッション付与がイマイチわからなかったので
下記を参考に再定義後、コマンドでsudo chmod -R 755 ~/Sites　で治りました。
http://blog.looseknot.jp/mac/yosemite-localhost.html

コマンドライン嫌いだぁ

覚書

    $("#navBtn").on('click', function(){
	$("body").toggleClass('open');
	$(this).toggleClass('close');
        if($("body").hasClass('open')){
			$("body").animate({'left' : -240 }, 300);			
			$("#glnav").animate({'right' : 0 }, 300);					
		} else {
			$("#glnav").animate({'right' :-240 }, 300);
			$("body").animate({'left' : 0 }, 300);			
		}		     
    });

やっぱ残しとかないとたびたび忘れてしまいます
mac移行でググりまくったのに全然覚えていない・・・

bourbonインストールが弾かれたので下記で対応

sudo gem install -n /usr/local/bin bourbon

<code>
$(function(){
	$(".sbloc figure").on('click', function(){
		var idname = $(this).parent().attr("id");
		$(".cbloc").slideDown();
		$(".more").not("."+idname).slideUp();
		$("."+idname).slideDown();
		if($(this).hasClass("open")) {
			$("figure").removeClass("open");
			$("."+idname).slideToggle();
			classCount = -1;
			if(classCount < 0) {$(".cbloc").slideUp();}
		}else {
			$(this).addClass("open");
		}
	});
});
</code>

DOM操作後なんかでリンクが動かなかったりはこっち

	$(document).on("click",".class a",function(){
		var href = $(this).attr("href");
		location.href = href;
	});

特定のリンク拾いたいときはこっち

	$(document).on("click","a",function(){
		var href = $(".class").attr("href");
		location.href = href;
	});

単純にcssのhoverは効かないためタップの動作つけたい場合
引用元見つかったら修正するざんす。

var linkTouchStart = function(){
    thisAnchor = $(this);
    touchPos = thisAnchor.offset().top;
    moveCheck = function(){
        nowPos = thisAnchor.offset().top;
        if(touchPos == nowPos){
            thisAnchor.addClass("hover");
        }
    }
    setTimeout(moveCheck,100);
}
var linkTouchEnd = function(){
    thisAnchor = $(this);
    hoverRemove = function(){
        thisAnchor.removeClass("hover");
    }
    setTimeout(hoverRemove,500);
}
 
$(document).on('touchstart mousedown','.class',linkTouchStart);
$(document).on('touchend mouseup','.class',linkTouchEnd);