サイトを制作するときにWindowsとMac、AndroidとiPhoneなど、OSや機種によって処理を変更することがありますよね。今回はjQueryでユーザーエージェントを判定して、bodyに特定の...

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

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

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

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

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

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

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

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

ブログを書いているならできるだけ多くの人に読んでもらいたいもの。特にブログをはじめて間もない人にとっては尚更でしょう。最近ではfacebookやtwitterなどのSNSを使って記事を広めることが当た...