JavaScript
ヘッダー固定の時にページ内リンクでヘッダーに食い込まない指定方法（Javascript編）
ヘッダー固定の時にページ内リンクでヘッダーに食い込まない指定方法 こちらの記事ではCSSでの回避方法がかかれていました。以下のように指定することでも回避できるようです。ですがちょっとリンク後にページを更新した場合の挙動が…
iPhone/iPadとiOSのバージョン判別
開いているデバイスかiPhoneかiPadか、そのうえでiOSのバージョンを判別するスクリプトです。 JavaScript var ua = navigator.userAgent; if(/iPhone/.test(u…jQueryでスクロール後の固定ヘッダーのスタイルを変更する
ページを表示したときと、スクロールを開始した場合で表示スタイルを変更する方法です。トップのビジュアルの印象をより強めたいときなどに役立ちます。表示サンプル Javascript 今回はBootstrapのクラスを利用して…jQuery利用例：HTMLを書き換える
サンプルはこちら。http://jsdo.it/goto_jp/kq97 対象のオブジェクト内のHTMLを丸々書き換えます。 JavaScript $(function(){ //html()が空なら中身のHTMLを返す…jQuery利用例：位置座標の取得・制御
サンプルはこちら。http://jsdo.it/goto_jp/iCII 普通のWebサイト制作ではあまりサンプルのように動かす機会は少ないですが、画面上のポップアップ表示やモーダルウィンドウの類を操作する時には位置座標…jQuery利用例：幅と高さの取得・制御
サンプルはこちら。http://jsdo.it/goto_jp/vUtb jQueryで幅と高さの取得と制御は実に分かりやすく簡単です。 JavaScript $(".box").width(); $…jQuery利用例：CSSの取得と操作
サンプルはこちらhttp://jsdo.it/goto_jp/acoR 今回は内部的なデータの取り扱いの話になりますが、JavaScriptを使うことでCSSを切り替える方法はいくつかあります。そのための例を上記サンプル…