2015年9月29日火曜日
2015年9月28日月曜日
スマートフォン表示で、はみ出したtableを横スクロールさせるためのCSS
http://webcommu.net/phone-table-scroll/
.scroll{
overflow: auto; /*tableをスクロールさせる*/
white-space: nowrap; /*tableのセル内にある文字の折り返しを禁止*/
}
.scroll::-webkit-scrollbar{ /*tableにスクロールバーを追加*/
height: 5px;
}
.scroll::-webkit-scrollbar-track{ /*tableにスクロールバーを追加*/
background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb { /*tableにスクロールバーを追加*/
background: #BCBCBC;
}
http://webcommu.net/phone-table-scroll/
.scroll{
overflow: auto; /*tableをスクロールさせる*/
white-space: nowrap; /*tableのセル内にある文字の折り返しを禁止*/
}
.scroll::-webkit-scrollbar{ /*tableにスクロールバーを追加*/
height: 5px;
}
.scroll::-webkit-scrollbar-track{ /*tableにスクロールバーを追加*/
background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb { /*tableにスクロールバーを追加*/
background: #BCBCBC;
}
http://webcommu.net/phone-table-scroll/
2015年9月25日金曜日
2015年9月24日木曜日
2015年9月22日火曜日
[jQuery] ウインドウのリサイズ操作が終わった時にだけ処理を実行する
参考: https://web-diy.jp/2017/06/170619_01/
リサイズ中、常に実行されてしまう書き方
$(window).resize(function() {
alert("リサイズ実行");
});
リサイズが終わった場合のみに実行される書き方
var $resizeTimer = false;
$(window).resize(function() {
if ($resizeTimer !== false) {
clearTimeout($resizeTimer);
}
$resizeTimer = setTimeout(function() {
alert("リサイズが終わりました");
}, 100);
});
2015年9月21日月曜日
jQueryで画面の中央に要素を表示する方法 at HouseTect, JavaScriptな情報をあなたに
http://hisasann.com/housetect/2008/07/jquery_2.html
- $(function(){
- var left = Math.floor(($(window).width() - $("#hoge").width()) / 2);
- var top = Math.floor(($(window).height() - $("#hoge").height()) / 2);
- $("#hoge")
- .css({
- "top": top,
- "left": left,
- "opacity": 0
- })
- .animate({opacity: "1"},{queue: true, duration: 4000, easing: "linear", complete: function(){}});
- });
動画プレーヤーをレスポンシブにする簡単スニペット【Vimeo/Youtube】
動画プレーヤーをレスポンシブにする簡単スニペット【Vimeo/Youtube】 : フタパパ
http://www.pondad.com/?p=8144
http://www.pondad.com/?p=8144
<style scoped> .video-player{ position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; max-width: 100%; height: auto; } .video-player iframe, .video-player object, .video-player embed{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } </style> <div class="video-player"> <iframe src="//player.vimeo.com/video/72216778?badge=0&color=f0e400" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>iframe内の高さと幅を絶対値absoluteでします。これで実際のプレーヤーの縦横比が維持されます。
そしてiframeの親要素に対してクラスvideo-playerを指定し、これは相対値relativeで16:9の画面にするという方法です。
2015年9月20日日曜日
2015年9月16日水曜日
2015年9月15日火曜日
Google Analytics (グローバルアナリティクス)でIPアドレスを取得する方法
【GoogleAnalytics】グローバルアナリティクスでIPアドレスを取得する方法 – ysklog
http://ysklog.net/googleanalytics/1891.html
http://ysklog.net/googleanalytics/1891.html
2015年9月12日土曜日
Buffalo LinkStation ハードディスク交換方法
内蔵ハードディスクを交換する方法(LS-WVL/R1,LS-WVL/RF,LS-WXL/R1) - アンサー詳細 | BUFFALO バッファロー
http://faq.buffalo.jp/app/answers/detail/a_id/12651
バッファローのNASの修復を指定外のHDDで行う | 夢の地図
http://www.yume-map.net/?p=3567
http://faq.buffalo.jp/app/answers/detail/a_id/12651
バッファローのNASの修復を指定外のHDDで行う | 夢の地図
http://www.yume-map.net/?p=3567
2015年9月3日木曜日
2015年9月2日水曜日
登録:
投稿 (Atom)