Tag : JavaScript

- 55 Articles -

スクロールバーのデザインや動きを変更したい時に便利なスクリプト 8

Read Article

スクロールバーのデザインや動きを変更したい時に便利なスクリプト 8

スクリプトといってもほぼjQueryプラグインになりますが、ブラウザやOSによってデザインが異なるスクロールバーデザインを統一させたい時などに便利なスクリプトのまとめです。Chromeや古いIEなどのようにブラウザによってはCSSだけでスクロールバーのデザインを変更できたりはしますが、記述がバラバラだったりしますし、ひと通りのブラウザでとなるとやはりこういったもので対応するのが無難だと思います。ま…

  • Tips
jQuery Snippets #1

Read Article

jQuery Snippets #1

基礎的なものからちょっとした動きの実装方法など、jQueryに関する個人的なメモ・スニペットリストです。最初に言っておくと自分はJavaScriptやjQueryの知識はまだ全然ないので、書いている内容に対して「もっとスマートにできる」とか「そもそも間違ってる」みたいなのがあれば、参考にさせてもらいたいのでコメントなど通じて是非教えてください。

  • Tips
フェード表示やタイピング風など、テキスト表示に動きをつけられるjQueryプラグイン 8

Read Article

フェード表示やタイピング風など、テキスト表示に動きをつけられるjQueryプラグイン 8

いずれもテキストがフェードや回転といったアニメーション付きで表示されたり、一文字ずつタイピングされているような見せ方を実装することができるjQueryプラグインです。同じようなプラグインが並んでいる感じですが、軽量なものやオプションが豊富に揃っているもの、日本語にもしっかり対応しているかなどそれぞれ特徴もあるので、こういったものを使いたい時に少しでも選択肢が広がるよう良さそうなものを備忘録兼ねてま…

  • Tips
jQuery:セレクタや要素指定に関する備忘録

Read Article

jQuery:セレクタや要素指定に関する備忘録

jQueryで何かしたい時にまずセレクタで該当要素を指定すると思いますが、要素にidやclassがついていなくても特定の条件を持つ要素として指定できたり、奇数・偶数・n番目の要素を指定できたりと、セレクタには様々な指定方法があります。ただ中には利用頻度が低くていざ使える場面がきても忘れしてしまっていたり、未だに使う度にググったりするものも幾つかあるので、セレクタに関しての復習兼ねた備忘録です。また…

  • Tips
スクロール時に要素の表示・非表示を切り替えたり、固定配置する動きを実装できるスクリプト 10

Read Article

スクロール時に要素の表示・非表示を切り替えたり、固定配置する動きを実装できるスクリプト 10

見かけることもかなり多い(多くなった)スクロールしていくと途中から要素が表示されたり、一定の範囲内のみで要素が固定配置されるといった動きを実装できるスクリプトまとめです。中にはスクロールアップ時には〇〇して、スクロールダウン時には△△するというように、スクロールした方向によって動きを変更したり、特定の箇所まで行った時に関数を実行するというような動きを実装できるものもあります。

  • Tips
ユニークな見せ方や動きを実装したい時に使えそうなスクリプト 10

Read Article

ユニークな見せ方や動きを実装したい時に使えそうなスクリプト 10

他ではあまり見かけることのないユニークな見せ方や動きを実装したい時、遊び心あるイースターエッグを仕込んでおきたい時などに個人的に使えそうだなと思ったスクリプトをまとめてみました。ブラウザやデバイスによっては実装できないものも幾つかあるのでその点は注意が必要ですが、いずれもそこまで難しい記述などもなく実装することができます。

  • Tips

Close the search window,
please press close button or esc key.