【CSS】文字が浮き上がる-Opening type- taka_oj | 2021年4月8日 | コメントはまだありません | CSS 今回はCSSだけでドアが開くように文字が浮かび上がるホバーエフェクトを作成しました。 簡単に取り入れることができ、Webフォントを変更することで様々なフォントに適用させることが可能です。 開いたドアからドラ〇モンが出てく […] もっと読む »
【JavaScript】multiscrollプラグインを使って、かっこいい動きをつけよう taka_oj | 2020年5月12日 | コメントはまだありません | JavaScript 今回はJavaScriptのmultiscrollプラグインを使用して、サイトにかっこいい動きをつけてみました。デモページはこちらです。スクロールすることで、左右分かれてページが動きます。 デモページは、こちら さっそく […] もっと読む »
【JavaScript】幾何学でページ背景に動きをつけよう taka_oj | 2020年4月21日 | コメントはまだありません | JavaScript 今回はJavaScriptのライブラリを使用して、ページの背景に動きをつけてみました。使用したライブラリはGitで公開されている「particles.js」を使用しました。 下記ページでまずはダウンロードができます。 p […] もっと読む »
【javascript】どこでもBINGO大会!その2 【ビンゴカード】 taka_oj | 2020年4月16日 | コメントはまだありません | JavaScript 今回はビンゴカードを作ってみました! 外出自粛ムードなのでなかなか集まってなにかするのが難しい状況ですが、これと前回のbingoを合わせてLINEなどのコミュニケーションツールを使えば、離れた相手ともビンゴができちゃいま […] もっと読む »
【jQuery】スクロールしたら途中からヘッダーを固定する taka_oj | 2020年4月13日 | コメントはまだありません | JavaScript スクロールしたら途中からヘッダーを固定する方法を紹介します。まず、jQueryを導入してからお使いください。 もっと読む »
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ページをつ […] もっと読む »