JavaScriptのライブラリである「TweenMax」と「ScrollMagic」を使って、スクロールした時にふわっとフェードインするアニメーションを実装してみます。...
Music
Environment
Technology
Food
Lifestyle
Fashion
Latest Stories
JavaScriptアニメーションライブラリ「TweenMax」の使い方
JavaScriptのアニメーションライブラリの一つである「TweenMax」を使えば、高度なアニメーションを実装することができます。...
Google Maps APIを使ってWebサイトに地図を表示する
Google Maps APIを使ってWebサイトに地図を表示する方法を紹介します。...
GoogleフォントをIllustratorやPhotoshopで使う方法
Googleフォントは無料で提供されているWebフォントで、日本語フォントも増えてきたので、Webデザインで使う機会も多くなったかもしれません。 はんなり明朝などもあるので便利です。...
カスタム投稿で記事がある場合とない場合の条件分岐【WordPress】
WordPressのカスタム投稿で記事がある場合とない場合で処理を分けたい時があります。 例えば、カスタム投稿が0件でなければ、投稿を表示したい時など、次のように書きます。 <?php...
Smart Custom Field(SCF)でテキストエリアのカスタムフィールドを改行表示【WordPress】
WordPressでカスタムフィールドを追加できるプラグイン「Smart Custom Field」でテキストエリアを設定した際、改行付きで表示させるには、次のようにします。 <?php...
Smart Custom Field(SCF)でカスタムフィールドに値がない場合の条件分岐【WordPress】
WordPressでカスタムフィールドを追加できるプラグイン「Smart Custom Field」で、設定したカスタムフィールドに値がない場合の条件分岐について紹介します。...
Smart Custom Field(SCF)で関連するタームを表示する方法【WordPress】
WordPressでカスタムフィールドを追加できるプラグイン「Smart Custom Field」で関連するタームの表示方法を紹介します。...
Smart Custom Field(SCF)で画像を出力する方法【WordPress】
WordPressでカスタムフィールドを追加できるプラグイン「Smart Custom Field」で設定した画像を出力するには、以下のようなコードを書きます。 <?php $image =...