人気記事一覧

こんにちは！　ケケンタです。 PHPを勉強し始めると比較的早い段階でfor文（繰り返し文・ループ文）の学習に差し掛かるかと思います。 ただ、このfor文、初学者の方にとってはひとつ目の鬼門となることが多いです。 （かくいう僕も、最初はfor文でつまずき...

この記事では Reactで条件によってクラス名（className）を動的に付与する方法 を解説します。 動的にクラス名を付与することで、stateの値によって要素の見た目（装飾）に変化を付けるなど、コンポーネントにちょっとした動きを加えることが可能です。  ...

スクロールに応じて要素が大きくなったり小さくなったりするアニメーションを実装したい…… パララックス効果でより魅力的なサイトを作りたい…… 今回はこのようなお悩みをお持ちの方へ向けて Web制作において人気の高いアニメーション効果パララックス系ス...

数字が動的に変化するカウントアップアニメーションを実装したい…… 統計や数値を魅力的に表示したい…… 今回はこのようなお悩みをお持ちの方へ向けて Web制作において人気の高いアニメーション効果カウントアップアニメーション をご紹介します。 3種類のカ...

この記事では SWELLでフッターにあるコピーライトをリンクにする方法 をご紹介します。 コピーライトというと、通常はWebサイトの最下部に当たり前のように設置するイメージがあります。 今回は、このコピーライトにリンクを設定することで、別ページ（今...

以前にこちらの記事で「SWELLでアイキャッチ画像の上に広告を表示する方法」をご紹介しました。 この記事では、アイキャッチ画像の上ではなく SWELLで記事タイトルの上に広告を表示する方法 をご紹介します。 今回の方法もとても簡単にできるので、ご興味...

3Dテキストアニメーションを実装したい…… 立体的で魅力的なテキスト効果を作りたい…… 今回はこのようなお悩みをお持ちの方へ向けて Web制作において必須のUI要素3Dテキストアニメーション をご紹介します。 5種類のアニメーション効果を完全網羅した実装な...

テキストにハイライト効果を実装したい…… 文字が光るようなアニメーションを作りたい…… 今回はこのようなお悩みをお持ちの方へ向けて Web制作において人気の高いアニメーション効果テキスト・ハイライトアニメーション をご紹介します。 4種類のハイライト...

アイコンモーフィングアニメーションを実装したい…… アイコンの形状変化を作りたい…… 今回はこのようなお悩みをお持ちの方へ向けて Web制作において必須のUI要素アイコンモーフィングアニメーション をご紹介します。 6種類のアニメーション効果を完全網羅...

以前に以下の記事で「特定のページごとに背景色を変更する方法」を解説しました。 しかし、中には 「ページごと」っていう細かい括りじゃなくて、「固定ページ」、「投稿ページ」って感じでもっと大きな枠ごとに設定したいんだよな という方もいらっしゃる...