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

Read More

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

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

  • 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
Vanilla JavaScriptのプラグインをまとめた「Vanilla List」

Read More

Vanilla JavaScriptのプラグインをまとめた「Vanilla List」

覚えておきたいと思ったので備忘録兼ねて。「Vanilla List」はその名の通り、Vanilla JavaScriptで作成されたプラグインが多数まとめられているサイトです。現時点で105種類あるのでよく使いそうな動きのものはひと通り揃っている印象で、タグ付けや検索機能なども用意されているので目的のプラグインも探しやすいと思います。

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

Read More

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

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

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

Read More

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

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

  • Posted on
  • Tips
背景にひと手間加えたい時に便利なスクリプト 10+

Read More

背景にひと手間加えたい時に便利なスクリプト 10+

ウィンドウいっぱいの背景に画像や動画を配置したり、ランダムなパーティクルやラインを表示させるなど、主に背景周りで使えそうものや「この領域に何かもうひと手間加えたい…」という時に便利そうだと思うスクリプトを幾つかまとめてみました。jQueryプラグインが多めですが単体で動かすことができるものもあり、実装方法などに関しても容易にできるものが多いと思います。

  • 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のアップグレード行う、もしくはその他のブラウザを使用しての閲覧をお願いします。