東京の会社辞めて地方で生きるわ。

勢いで会社を辞めて縁のない地方で生きることはできるのか

js

【jquery】指定のブラウザ幅でリサイズしたらページリロード

// 767以下からリサイズし、そこから768px以上にブラウザ幅をリサイズしたらリロード var timer = false; $(window).on("resize", function() { if (timer !== false) { clearTimeout(timer); } timer = setTimeout(function() { var windowWidth = window.i…

【jQuery】ローディングのプログレスバー

$(document).ready(function(){ var loadStatus = 0; //ローディング進捗 var img_num = $('img').length; //読み込む画像の数 $('img').each(function() { //画像が読み込まれたら、、 var src = $(this).attr('src'); $('').attr('src', src).load(functio…

Youtube api 動画切り替え

ここをコピーしてできた。http://jsdo.it/mr_myself/vsg2 jsdoなので使うときはライセンス表記 下記はちょっと参考https://qiita.com/konweb/items/ab414d75ecddfb0cf4e9

Web上でソースコードやテキストを比較

js

これは便利 http://mergely.com/editor 便利!Web上でソースコードやテキストを比較してさくっと差分がわかるDiffサービス「Mergely」 | Cappee Design

【jQuery】waypoint.js やり方

/bodyの直前に以下記述。ただしloadイベントを使っているのはページ自体にローディング機能をつけた場合の記述。 <script src="js/jquery.waypoints.min.js"></script> <script> $(window).on('load',function(){ $('selector1').waypoint(function(){ $('.selector2').addClass('fadeIn'); },{ offset : '-2400px' }); </script>…

【jQuery】カンタンなローディング画面

【html】 <div> <ul id="images"> <li><img src="images/img01.jpg" alt="image"></li> <li><img src="images/img02.jpg" alt="image"></li> <li><img src="images/img03.jpg" alt="image"></li> <li><img src="images/img04.jpg" alt="image"></li> <li><img src="images/img05.jpg" alt="image"></li> <li></li></ul></div>

ハンバーガーボタンのスクリプト

ハンバーガーを連打したとき、そのアニメーションとグローバルナビが出るときたまにずれるときがある。それを下記コードで解決 <div id="sp_g"> <nav> </nav> </div> <a class="menu-trigger" href="#"> <span></span> <span></span> <span></span> </a> .menu-trigger, .menu-trigger span { display: inline-block; transition: all .4s; box…

スマホのデバイスごとにjsソースを振り分ける条件分岐

if ( navigator.userAgent.indexOf('Android') > 0 ){ //ここにアンドロイドのみの処理 } else if( navigator.userAgent.indexOf('iPhone') > 0 ){ ここにiphoneのみの処理 } 【参考URL】 http://rfs.jp/sb/javascript/js_lab/smartphone_user-agent.html