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

Webフォントといえば、Web制作の現場ではGoogle Fontsを使うことがほとんどだと思います。 私自身も普段はGoogle Fontsを使うこ …

グラフィックデザインとWebデザインは似ているようで、前提がまったく違います。 本記事では、細かいテクニックではなく「これだけは守ってほしい」という最 …

タブレット表示でよくある悩み タブレット表示をどう扱うかは、制作現場でよく悩むポイントです。 こういった理由から、「PCデザインを縮小して表示したい」 …

箇条書きや見出しで、「 （ 『 から始まる文章が少し右にズレて見えることはありませんか？これは不具合ではなく、日本語フォント特有の仕様によるものです。 …

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

Illustratorで作成されたデザインカンプを元にコーディングした際に、 といった経験はないでしょうか。 実際に私もこの問題に直面し、原因の特定に …

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

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

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

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