jQuery：スクロールしたらヘッダーやナビゲーションを固定・変化させる動きを実装するサンプルコード 5 - NxWorld
一度は見かけたことがあると思う、スクロールしたらヘッダーやナビゲーションを固定表示させたり見栄えを変化させたりする動きをjQueryで実装するサンプルです。 途中から要素を固定させたり、スクロールした方向によって表示・非表示を切り替えたりなど全5種類です。 使用HTML 特にこのようにしなければいけないというものではないですが、今回のサンプルで使用しているHTMLはいずれも下記のようなもの（サンプルによってはnav要素がないものもあります）になっており、このHTMLにあるheaderやnav要素に対してjQueryで処理していくといった感じになります。 <header> ...</header> <nav> ... </nav> <main> ... </main> <footer> ... </footer>
簡単にコンテンツスライダーを実装できるjQueryプラグイン「bxSlider」の実装サンプル - NxWorld
スライダーやカルーセルを実装できるjQueryプラグインは多数ありますが、それらの中でも豊富なオプションと実装の手軽さで見かけたことや実際に使用した人も多いと思う「bxSlider」の実装サンプルです。 もっと高機能なプラグインも探せばいくらでも出てきますし、bxSliderにこだわる必要はもちろんないんですが、個人的に手軽に使えるという理由で今でも使わせてもらう機会が割と多いので、公式には載っていない実装サンプルをいくつか紹介しようと思います。 bxSliderについて 今回使用する「bxSlider」はコンテンツスライダーやカルーセルといった動きを実装することができるjQueryプラグインで、手軽に実装できることに加え、オプションも豊富に用意されているのが特徴のプラグインです。 また、レスポンシブやスワイプといった機能も実装されているので、スマートフォンやタブレットといったデバイスが対
クライアントに喜ばれそうなクリエイティブな管理画面・ダッシュボードのデザインやテンプレート 20 - NxWorld
管理画面・ダッシュボードのカスタマイズをする際に参考になりそうなデザインや便利なテンプレートのまとめです。 実際ガッツリとカスタマイズしようと思っても予算や納期などの問題でほとんどしない（できない）ことも多いとは思いますが...。 余計なものを省いて必要な機能だけに絞ったシンプルな感じのものから、1ページにいろいろな要素を詰め込んでいるもの、細部までかなり作りこまれているものなど様々なタイプがあります。 紹介している中にはデザインだけでなくデモが用意されているものが多いので、クライアントや管理者がよく使う機能だけカスタマイズする際でも、似た部分があれば動きや見せ方などの参考になります。 有料テンプレートが目立つんですがどれも比較的安価なものだったので、時間がないけどカスタマイズしたいとかクライアントに要望をもらったというときはこういったテンプレートを使うのもひとつの手ですね。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
今年気になったハイクオリティなデザインUIキット − 2014 - NxWorld
