カテゴリー: ウェブサイト関連

テキストの装飾を見て「良いなー」と思ったので作ってみました。 やり方は簡単で、テキストの色を透明にして、背景を設定すれば実装できます。 まずはグラデー …

Illustratorで支給されたデザインカンプを元にコーディングを行った際、色がデザインと異なって見えるという問題が発生しました。本記事では、その原 …

説明が難しいですが、スクロールに連動してアニメーションが実行されます。 どんなアニメーションなのか？ 通常のスクロールアニメーション 今回のスクロール …

Google reCAPTCHAの設定方法について書きます。 WordPressのプラグイン「Contact Form 7」「MW WP Form」を …

ドローンで撮影すれば良いのですが、そんな予算が無い時の苦し紛れの対応です。 一枚の写真を動かすことでドローンっぽくしてみました。 まずは適当に写真を選 …

jQuery Scrollifyで設定したページですが、iPhoneのsafariで閲覧するとスクロールがズレてしまいました。今回はその対応について書 …

テキストの両端揃えについて書きます。 自分は全く気になりませんが、デザイナーの方は気になるみたいです。特に紙媒体で仕事にしているデザイナーさんに、その …

wow.jsはスクロールするとアニメーションが表示できるJavaScriptのプラグインです。 設定方法は過去の記事をご覧ください。wow.jsのアニ …

wow.jsは、スクロールアニメーションが実装できるJavaScriptのプラグインです。 このプラグインは、animate.cssを使うことが条件と …

先日、PhotoshopでSVGファイルを書き出そうとしましたが、できませんでした。 書き出しする際に、SVGが選択肢から無くなっていました。 そうい …