jQuery:スクロールしたらヘッダーやナビゲーションを固定・変化させる動きを実装するサンプルコード 5

Read More

jQuery:スクロールしたらヘッダーやナビゲーションを固定・変化させる動きを実装するサンプルコード 5

一度は見かけたことがあると思う、スクロールしたらヘッダーやナビゲーションを固定表示させたり見栄えを変化させたりする動きをjQueryで実装するサンプルです。途中から要素を固定させたり、スクロールした方向によって表示・非表示を切り替えたりなど全5種類です。

  • Posted on
  • Tips
bxSliderでポーズ設定をスライド毎に変更する方法

Read More

bxSliderでポーズ設定をスライド毎に変更する方法

使う機会あるかもなので備忘録。コンテンツスライダーを実装できるjQueryプラグイン「bxSlider」で、ポーズの設定時間をスライド毎に変える方法です。通常ポーズ時の時間指定はすべて同じものが適用されますが、例えば1枚目は5秒、2枚目は10秒といったように何らかの理由でスライド毎にポーズの設定時間を変えたいというときに使えます。

  • Posted on
  • Tips
脱jQueryしたい時に参考になるドキュメントやエントリーまとめ

Read More

脱jQueryしたい時に参考になるドキュメントやエントリーまとめ

jQueryはデザイナーなど普段はあまりコードを書かない人でも実装ができる手軽さ、各種ブラウザの互換性、様々なスニペット・プラグインが公開されているなどの理由で多くの方が利用していると思いますし、中には「JavaScriptを使う = jQueryを使う」という人も少なくないと思います。ただ、少し前からは古いIEのサポート終了やちょっとした動きならCSSで実現できるようになったことなどをきっかけに、jQueryは使わずにネイティブなJavaScriptで実装するという人も多くなっている印象で、実際にそういった脱jQueryしたい時に参考になるドキュメントやエントリーもいろいろと公開されているので備忘録も兼ねてまとめてみました。紹介しているもののほとんどが「jQueryのこれは、ネイティブではこう記述する」という形になっているので、特にjQueryはある程度使えるという人にはわかりやすいものが多いと思います。

  • Posted on
  • Tips
日付・時刻入力を手助けしてくれるデートピッカー・タイムピッカーを実装できるスクリプト 15

Read More

日付・時刻入力を手助けしてくれるデートピッカー・タイムピッカーを実装できるスクリプト 15

ユーザーに日付や時刻を入力してもらう際に手助けするデートピッカー・タイムピッカーを実装できるスクリプトのまとめです。日付であればカレンダーを、時刻であれば時計を表示させるといったように選択しやすい感じの見栄えにしてくれるものもあれば、シンプルな見た目で入力・選択させるといったものもあり、使いたいデザインのテイストに合わせて選べると思います。

  • Posted on
  • Tips
ユーザーにサイトやサービスを案内するサイトツアー機能を実装できるスクリプト 10

Read More

ユーザーにサイトやサービスを案内するサイトツアー機能を実装できるスクリプト 10

初めてサイトに訪れてくれた人にどのような機能やコンテンツがあるのか紹介をしたり、ちょっとわかりづらいサービスなどでユーザーが戸惑わないよう手助けしたりするのに便利なサイトツアー機能を実装できるスクリプトのまとめです。jQueryプラグインや中にはBootstrapと組み合わせて使用する感じのものもありますが、単体で動くものもあります。大体同じような動きではありますが、単純にヒントを出していくだけのシンプルなものから、オプション・コールバックが豊富に用意されていていろいろ好みにいじれるものまで様々です。

  • Posted on
  • Tips
入力欄フォーカス時のアニメーションをまとめた「Awesome input focus effects」

Read More

入力欄フォーカス時のアニメーションをまとめた「Awesome input focus effects」

覚えておきたいと思ったので備忘録兼ねて。「Awesome input focus effects」はinputやtextareaといった入力欄へフォーカスした際のアニメーションをまとめているもので、3グループ・全24種類のエフェクトがあります。もちろん人によりますが、個人的にはいずれもシンプルな動き(見た目)に思うので、どのタイプのサイトでも取り入れられるように思います。

  • Posted on
  • Tips
jQuery:画像や要素をランダム出力する方法の備忘録

Read More

jQuery:画像や要素をランダム出力する方法の備忘録

jQueryを使って画像や要素などをランダムに並べ替えたり表示させたりする方法の備忘録です。jQueryと言っても乱数を作るのに必要なわけではないですし、特に前半の方などは簡易的なもので尚更JavaScriptだけでできるじゃんって感じがしますが、やっぱり何かと楽に実装できるので使っているだけです…。

  • Posted on
  • Tips

NxWorld

Sorry... doesn't support your browser

To get the best possible experience using our site we recommend that you upgrade to a modern web browser.NxWorldではご利用中のブラウザサポートはしていません。
Internet Explorerのアップグレード行う、もしくはその他のブラウザを使用しての閲覧をお願いします。