今回はPhotoshopで写真に自然な雨を描く方法を紹介します。特にテクスチャも必要もなく、写真１枚あればだれでもできる方法です。それでは説明していきます。 説明する環境は以下の通りです。 macOS...

サイトにGoogleMapを埋め込むのはとても簡単です。GoogleMapで用意されている埋め込みコードを、表示させたいところに貼り付けるだけ。ただ、自分の好きなようにデザインをカスタマイズして表示さ...

Cloud9とはクラウド上でプログラミングの開発環境が作れるツールのこと。無料で使えるうえに、ダウンロードも必要ない。wordpressの開発環境を作ろうと思ったら５分もかかりません。こんな便利なCl...

ズーム系スライダーを実装する方法はいくつかありますが、今回はjQueryを使って手軽に実装できるZoom Sliderを紹介します。 デモページ ※2019/12/5追記ズーム系のスライダーならSwi...

Photoshopを使えば写真に炎を出現させるのも簡単です。すでに「炎」というエフェクトが用意されているのでそれを使って炎を書いていきましょう。 説明する環境は以下の通りです。 macOS Mojar...

Double Exposureを直訳すると二重露光という意味。簡単にいうと人物と風景を重ねて独特の印象をあたえるテクニックです。顔をアップにしたポートレート写真に使われることが多いですね。インパクトを...

Internet Explorer（以下、IE）では下にスクロールしてもカチッとマウスホイールした分しか動きません。今回はIEユーザーでもマウススクロールに余韻をもたせるようにjQueryを使って設定...

パララックス効果を手軽に実装できるjQueryプラグインは多くあります。それゆえ数が多くてどれを選んだら良いか分からない人も少ないないはず。最近ではjQueryを使わなくてもcssでパララックス効果を...

今回はWordPressでSEOを意識したhead内の書き方について説明します。 前提条件は以下 プラグインは使いたくない独自でheadの中をカスタマイズしたい 説明環境は以下 macOS Monte...

Photoshopで画像を合成するときに、ただ切り取った画像を貼り合わせただけでは奥行きはできません。奥行きを出すためには、画像の重なり具合や画像の大きさ、影などを調整する必要があります。今回は奥行き...