ブラウザの幅からはみ出た要素を切り捨てる 複数の要素をブロック状に並べていて、ブラウザの幅からはみ出した場合要素をはみ出して表示するのではなく、非表示にして常に綺麗に並べる方法です。 Browser size aware content scaling を利用し… haradaハック2014.05.13 941
jQueryで画面サイズによって処理内容を変える レスポンシブなサイトを作っているときなどに役に立ちそうですね。 $(window).resize(function(){ var w = $(window).width(); var x = 568; if (w <… haradaハック2014.04.30 8,224
jQueryでリストの順番を自動で変更する jQueryでリストの順番を自動で変更する方法です。 表示サンプルはこちら。 jQueryはあらかじめ読み込みます。 <script type="text/javascript" src=&qu… haradaハック2014.04.18 938
jQueryでスクロール後の固定ヘッダーのスタイルを変更する ページを表示したときと、スクロールを開始した場合で表示スタイルを変更する方法です。トップのビジュアルの印象をより強めたいときなどに役立ちます。表示サンプル Javascript 今回はBootstrapのクラスを利用して… haradaハック2014.04.14 2,328
jQuery利用例:HTMLを書き換える サンプルはこちら。http://jsdo.it/goto_jp/kq97 対象のオブジェクト内のHTMLを丸々書き換えます。 JavaScript $(function(){ //html()が空なら中身のHTMLを返す… ゴトーハック2014.04.14 1,327
jQuery利用例:位置座標の取得・制御 サンプルはこちら。http://jsdo.it/goto_jp/iCII 普通のWebサイト制作ではあまりサンプルのように動かす機会は少ないですが、画面上のポップアップ表示やモーダルウィンドウの類を操作する時には位置座標… ゴトーハック2014.04.11 1,881
jQuery利用例:幅と高さの取得・制御 サンプルはこちら。http://jsdo.it/goto_jp/vUtb jQueryで幅と高さの取得と制御は実に分かりやすく簡単です。 JavaScript $(".box").width(); $… ゴトーハック2014.04.11 1,291
jQuery利用例:CSSの取得と操作 サンプルはこちらhttp://jsdo.it/goto_jp/acoR 今回は内部的なデータの取り扱いの話になりますが、JavaScriptを使うことでCSSを切り替える方法はいくつかあります。そのための例を上記サンプル… ゴトーハック2014.04.10 260
jQuery利用例:値操作のサンプル 表示サンプルはこちらhttp://jsdo.it/goto_jp/oovM 値の表示・取得はJavaScriptを使ったUI操作の基礎中の基礎です。CSSができる人ならばstyle属性やクラス名操作が出来てしまえば、表示… ゴトーハック2014.04.10 374