tsumazuki

[tsumazuki]

FontAwsomeをaタグの中で絶対配置したら、リンクの下線がついてしまう（Android 標準ブラウザだけ）

（Android 4.1.2 標準ブラウザで確認）

FontAwsomeの<i class=“fa“></i>タグを追加する形。

リンクの中に入れてabsoluteにしたら、アイコンに下線がつく。PC(IEも)、iphoneは下線つかない。「i」に対して、diplay tableにして対応する・・・。

[tsumazuki]

画像ダウンロード防止

・PC 透過画像を上にかぶせ、ドラッグアンドドロップでの ダウンロードも防ぎます。

.voidDownload { position: relative; } .voidDownload:after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; background: rgba(0,0,0,0);/for ie9/ }

・iphone、Android ライトボックス部分は、長押しで画像への直接のリンクを防止。 ライトボックスを開いた後は、長押しでダウンロードできるのを防止しています。

var $img = $('.cboxPhoto'); var timer; $img.on("touchstart",function(){ timer = setTimeout(function(){ },500); return false; }); $img.on("touchend",function(){ clearTimeout(timer); return false; }); //PCにてスマホ表示の際の右クリックダウンロード防止 $img.on("contextmenu",function(){ return false; });

Android（4.1.2）では画像の上に透明の要素をかぶせても、 長押しするとその下の画像をダウンロードできる。

IE9では疑似要素を作ってもなぜか分からないけど 存在しないか高さがないので、背景色をつける。 noneもtransparentもなぜかだめだったので、rgbaで。

参考：http://hi-posi.co.jp/tech/?p=232

[tsumazuki]

リンクに文字列いれるとき、ieではエンコードしないと文字化けした

[tsumazuki]

googlemap iframeのあるページに印刷ボタンをつけるとき、chromeだとiframe読み込み前に印刷しようとしてmapが印刷できない

[tsumazuki]

Android 4.0系でtouchendが発火しない

touchstart時もしくはtouchmove時にe.preventDefault()

そうするとiphoneの惰性スクロールまでなくなる

androidはスクロール自体しなくなったり

http://qiita.com/ooyabuh/items/4bb07085d0a2d2f0224d

[tsumazuki]

ie11ではrotateさせて子要素もrotateさせてまっすぐにしてもリンクは斜めになってくれない

[tsumazuki]

SVN　除外

無視したいディレクトリを右クリックして、TortoiseSVN → 特定のリビジョンへ更新(U) ... → 「更新の深さ」で「除外」を指定して OK

[tsumazuki]

firefox プロファイル変更

firefox.exe -no-remote -p

うっかり新しいプロファイルになってしまった時に・・。

[tsumazuki]

YouTube Player API

ieで、onYouTubeIframeAPIReadyがページのリロードの仕方によって、実行されない・・・。

iframe_apiの読み込みjsを、onYouTubeIframeAPIReadyを記述しているjsファイルと同じ場所で書くと上手くいった

▼YouTube Player API参考URL http://so-zou.jp/web-app/tech/web-api/google/youtube/player-api/iframe.htm#playlist http://liginc.co.jp/web/service/other-service/116655 https://developers.google.com/youtube/js_api_reference http://www.tam-tam.co.jp/tipsnote/javascript/post6217.html

[tsumazuki]

リサイズが終わったら実行

http://kadoppe.com/archives/2012/02/jquery-window-resize-event.html

[tsumazuki]

jquery-1.11.1だとscrollTopがbodyに対して動かなかった

$('body').animate({    scrollTop: 100 });

→jquery-1.9だと動くけど、jquery-1.11.1だとだめだった。

$('html').animate({   scrollTop: reverseOffsetTop + conf.scrollAdjust });

これだとjquery-1.11.1でも動いた。

[tsumazuki]

ie8でappendするとき、cssの指定も同時にしようとしたら動かなかった

$elm.append(

  $('<div><img src=“’+ i +’”>’).css({                            left:(sliceWidth*i)+'px'                        })

);

こういうのが動かない。

[tsumazuki]

IE7、IE8、IE9では、Aタグのなかにtableタグがあると、hrefが指すURLへ移動してくれません。

http://takahashikzn.hatenablog.com/entry/20120514/1336996976

[tsumazuki]

ie8,9 table要素のdisplay:blockが効かない？

テーブルのレスポンシブ対応。

そもそもieに対応させる必要はないけど

[tsumazuki]

ie8 css3 の指定が同じセレクタにあると効かなくなる

.itemList li.nth3, .itemList li:nth-child(3n) {     border-right: none; }

みたいな一緒に書くのやめて、

.itemList li.nth3 {     border-right: none; } .itemList li:nth-child(3n) {     border-right: none; }

バラバラに分ける

[tsumazuki]

Android シェア　日本のはわからないのか・・

http://developer.android.com/about/dashboards/index.html

[tsumazuki]

placeholderの位置がずれる

placeholderだけに別のスタイルを適用するときは ブラウザにあわせて3種類の指定をします。

::-webkit-input-placeholder :-ms-input-placeholder ::-moz-placeholder

擬似要素をあらわすコロンの数がちがうと適用されないので注意。

http://webdev.jp.net/placeholder-css/