jQueryで文字を円形にする方法「Arctext.js」 taka_oj | 2020年4月13日 | コメントはまだありません | JavaScript Illustratorで作成したような曲線に沿った文字が作りたい!でも一文字ずつCSSのrotate()を使って設定するのは面倒……そんな時はjQueryのプラグイン「Arctext.js」を使って文字を円形にしてみまし […] もっと読む »
【javascript】どこでもBINGO大会! taka_oj | 2020年4月10日 | コメントはまだありません | JavaScript お正月やお盆に親戚や友人、その家族たちとの集まりがありますよね? 食事や会話を楽しんだ後少し子どもたちが退屈そうに・・・。 そんな時にちょっとしたプレゼントを用意して、簡単なビンゴ大会なんてどうでしょう? デモの出てくる […] もっと読む »
【jQuery】要素を順番に表示させたい taka_oj | 2020年4月6日 | コメントはまだありません | JavaScript 難しいことはできないけど、ちょっとした動きを入れたいなぁ。 そんな時、マウススクロールでふわっと表示させてみてはいかがでしょうか。 ここでは、スクロールした時に要素が順番に表示される方法を紹介します。 まず、jQuery […] もっと読む »
userAgent / webBrowser をjQueryを使って判断する Takaya | 2019年9月12日 | コメントはまだありません | JavaScript コーディングする際、最近は、ブラウザ依存も少なくなってきたんで、ハックなんてしなくても、大体はカバーできちゃうんですが、 ひと昔前(IE6なんかが主流のころ)は、IEハック・FireFoxハック・Safariハックなんか […] もっと読む »
スクロールが楽しくなる【skrollr.js】を紹介します taka_oj | 2019年3月28日 | コメントはまだありません | JavaScript スクロールするのが楽しくなる【skrollr.js】を紹介します。 単調になりがちなシングルホームページに変化を! パララックス、スライドなど、スクロール時のエフェクトを効果的に入れることで、飽きのこないWEBページをつ […] もっと読む »
【jQuery】カウントダウン・タイマーを入れよう! taka_oj | 2019年3月27日 | コメントはまだありません | JavaScript jQueryのplug-inで簡単に「カウントダウン・タイマー」が入れられます! 東京オリンピック等、イベントまでのカウントダウンや期間限定商品の告知など、使い方はあなた次第! 本当に簡単なので、ぜひ試してみてくださいね […] もっと読む »
TOPへふわっと戻るボタンを作ろう(jQuery・スムーススクロール) taka_oj | 2019年3月26日 | コメントはまだありません | JavaScript TOPページへふわっと戻るボタンを作りたい方、必見! 簡単なjQueryを使ったスムーススクロールで出来る、素敵な「TOPへもどるボタン」をホームページに加えましょう。 もっと読む »
jQueryでスティッキーヘッダーの『ページ内リンクずれ問題』を解決!! taka_oj | 2019年3月11日 | コメントはまだありません | JavaScript ページ内リンクがずれるのを回避したい・・・そんな人に読んでほしい。 スティッキーヘッダー(Sticky header)などの、上部固定ナビゲーション実装時に生じる『ページ内リンクずれ問題』の解決法をjQueryで紹介しま […] もっと読む »
『スティッキーヘッダー』で、今日からすっきりナビゲーション!! taka_oj | 2019年3月6日 | コメントはまだありません | JavaScript jQueryで作る、『スティッキーヘッダー(Sticky header)』を紹介します。 スティッキーヘッダーは、シンプルjQueryで実装でき、スクロールしてもナビゲーションを見失いません。 ホームページをスッキリさせ […] もっと読む »
jQueryで水紋と水の揺らめきを表現しよう taka_oj | 2018年10月30日 | コメントはまだありません | JavaScript jQueryで作る、水紋と水の揺らめきを紹介します。 クリックで水紋が、マウスオーバーで水が揺らめきます。 今回使用したのは、jquery.ripples.jsです。 jQueryも導入してください。 もっと読む »