-
[jQuery]ウィンドウのリサイズ処理
jQuery ウィンドウのリサイズ処理 概要 ブラウザのサイズを変更すると発火します。 構文 $(セレクタ).resize(); $(セレクタ).resize([object,] fn); 使い方 $(セレクタ).on(…
-
モーダルウィンドウの実装
モーダルウィンドウって? 簡単に言うと、大元のページとは別に浮かぶ子ウィンドウ。 初回アクセス時に注意書きが出てくるとか、 ページ上のボタンを押したら出てくるとか、そういうやつ。 詳しくは、Let’s wik…
-
ラジオボタンとチェックボックスをカスタマイズする
<div class=”sample”> <div> <input type=”radio” name=”radio-sample” id=”radio1″><label for…
-
JavaScript イベントの停止とバブリングについて
JavaScript イベントの停止とバブリングについて バブリングとは? 伝播のこと。 子から親へ流れていく感じを想像してもらうといいかも。 ツリー構造の下から上に流れていく感じ。 メソッド preventDefaul…
-
Virtual Host(サブドメイン)を使用する
Virtual Hostとは? ひとつのサーバーで複数のドメインを運用する技術のこと。 例えば、 localhost/vocaloid/index.html localhost/wordpress/index.html …
-
mPDFがChromeで表示されない
概要 mPDFを使用する際に、Chromeでpdfが表示されない mPDFとは phpでpdfファイルを生成したいときに使用出来るライブラリの一つ 詳細は省略 再現環境 Windows10 Pro 64bit Chrom…
-
jQuery アニメーションのあれこれ
animateとstopメソッド animeteメソッド 概要 要素をアニメーションさせます。 構文 $(セレクタ).animate( attr [,duration [,easing [,callback]]] ) a…
-
ネイティヴのJSでイベントを設定する方法
addEventListener addEventListener(EventType, func, userCapture); Eventを指定します Event発火後の処理を設定します。 イベントフェーズを真偽値で指…
-
Ajaxの使い方
概要 非同期なHTTP通信を実装出来ます。 指定したURLを読み込み、読み込んだデータを取得します。 いきなり所感 私的にはサーバ側のデータを受取るというのがキモだと思ってます。 最初、フォームからの入力情報をうにゃうに…
-
flexの使い方
概要 横に並べたり、リストを逆から並べたり、 テーブルレイアウトにしたり、レスポンシブに動かしたり…etc 今まで float: left とか display: table とか色々駆使して作成していたもの…
Sponsored Link