エニシダ

コラム

Web制作中に指摘された問題が再現できない…そんなときに確認してみたいポイントについて

Web制作のお仕事をしていると、様々な場面でお問い合わせがきます。クライアントからの指摘もあれば、デザイナーさんや上司からの指摘もありますね。 「画面が崩れてしまうのですが…」なんて問い合わせもよくあるものですが、ときには、こちらで再現でき...
GSAP

【GSAP】matchMedia()を使ったレスポンシブ対応の方法を紹介

GSAPでアニメーションを作るとき、そのサイトがレスポンシブ対応していればアニメーションもレスポンシブ対応をしたくなるものです。 GSAPにはmatchMedia()という便利な機能があり、これを使うことで画面サイズに応じて違うアニメーショ...
WordPress

【WordPress】2種類以上のGoogleFontsが読み込まれない?wp_enqueue_style()を使う場合のポイント!

WordPressでGoogleFontsを利用するとき、その読み込み方法はいくつかありますが、この記事ではfunctions.php内などで、wp_enqueue_style()関数を使って読み込みを行う場合の話を書いています。 私に起き...
Web

【VScode】エディターが突然英語表示に?日本語化できない場合の対処方法について

VScodeの日本語化については多くの記事で紹介されていますが、あくまでもVScodeの初期設定を想定したケースが多いです。 この記事では、一旦日本語化は成功していたが何かしらのきっかけで、突然英語表記になってしまったというケースで、私が解...
Web

【Swiper】スライドが中央からずれる場合に確認するポイント

Swiperを使ったシンプルな写真画像スライドを設置したとき、どうしても画像が中央で表示されずに少しずれることがありました。Web制作時の問題に対する解決は様々ですが、ここではCSSが原因によるずれというケースで、私の制作で改善できた方法を紹介しています。
CSS

CSSで要素を点滅させる方法を紹介!フェードなしでチカチカさせる書き方

CSSを使って要素を点滅させる方法を紹介します。完全にONとOFFみたいな、フェードなしでチカチカと切り替わるような表現をする方法の紹介です。Web制作の参考になれば幸いです。
Web

Webクリエイターあるあるを考えてみた!

私がWebクリエイターのお仕事をする上での「あるある」をまとめてました。 若干愚痴っぽいのもありますが、基本的には前向きな内容を集めましたので共感していただける方が多いとうれしいな~って思います。 Webクリエイターのお仕事をご存知ない方に...
GSAP

GSAPが動かないときに確認すること!基礎的だけどハマりやすいポイントをまとめてみました

GSAPを使ったWebページのコーディングで、GSAPが思うように動かないときに私自身が経験した問題点を紹介します。 かなり基礎的な話かもしれませんが、つい見落としていたりハマることもあるかと思いますので制作の参考になればと思います。 GS...
GSAP

【GSAP】ScrollTriggerを複数設定する方法!同じアニメーションを効率よく扱う技をご提案

GSAPのScrollTriggerを使って、複数のターゲットに同じアニメーションを設定する方法を紹介します。 例えばページ内にH2見出しが複数あり、それぞれが画面に表示されたタイミングでフェードインのような登場をさせたい!といった場合に参...
GSAP

【GSAP】クリックでアニメーションを開始する方法2パターンを紹介

アニメーションライブラリGSAPを使って、ターゲットをクリックしたときにアニメーションを開始する方法を紹介します。 「クリックしたとき」ということで、javascriptやjQueryのクリックイベントとの組み合わせとなりますが、イベント部...