GSAP 【GSAP】matchMedia()を使ったレスポンシブ対応の方法を紹介 GSAPでアニメーションを作るとき、そのサイトがレスポンシブ対応していればアニメーションもレスポンシブ対応をしたくなるものです。 GSAPにはmatchMedia()という便利な機能があり、これを使うことで画面サイズに応じて違うアニメーショ... 2023.02.23 GSAP
WordPress 【WordPress】2種類以上のGoogleFontsが読み込まれない?wp_enqueue_style()を使う場合のポイント! WordPressでGoogleFontsを利用するとき、その読み込み方法はいくつかありますが、この記事ではfunctions.php内などで、wp_enqueue_style()関数を使って読み込みを行う場合の話を書いています。 私に起き... 2023.02.17 WordPress
Web 【VScode】エディターが突然英語表示に?日本語化できない場合の対処方法について VScodeの日本語化については多くの記事で紹介されていますが、あくまでもVScodeの初期設定を想定したケースが多いです。 この記事では、一旦日本語化は成功していたが何かしらのきっかけで、突然英語表記になってしまったというケースで、私が解... 2023.02.06 Web
Web 【Swiper】スライドが中央からずれる場合に確認するポイント Swiperを使ったシンプルな写真画像スライドを設置したとき、どうしても画像が中央で表示されずに少しずれることがありました。Web制作時の問題に対する解決は様々ですが、ここではCSSが原因によるずれというケースで、私の制作で改善できた方法を紹介しています。 2023.01.19 Web
CSS CSSで要素を点滅させる方法を紹介!フェードなしでチカチカさせる書き方 CSSを使って要素を点滅させる方法を紹介します。完全にONとOFFみたいな、フェードなしでチカチカと切り替わるような表現をする方法の紹介です。Web制作の参考になれば幸いです。 2023.01.17 CSS
Web Webクリエイターあるあるを考えてみた! 私がWebクリエイターのお仕事をする上での「あるある」をまとめてました。 若干愚痴っぽいのもありますが、基本的には前向きな内容を集めましたので共感していただける方が多いとうれしいな~って思います。 Webクリエイターのお仕事をご存知ない方に... 2022.05.01 Web
GSAP GSAPが動かないときに確認すること!基礎的だけどハマりやすいポイントをまとめてみました GSAPを使ったWebページのコーディングで、GSAPが思うように動かないときに私自身が経験した問題点を紹介します。 かなり基礎的な話かもしれませんが、つい見落としていたりハマることもあるかと思いますので制作の参考になればと思います。 GS... 2022.04.17 GSAP
GSAP 【GSAP】ScrollTriggerを複数設定する方法!同じアニメーションを効率よく扱う技をご提案 GSAPのScrollTriggerを使って、複数のターゲットに同じアニメーションを設定する方法を紹介します。 例えばページ内にH2見出しが複数あり、それぞれが画面に表示されたタイミングでフェードインのような登場をさせたい!といった場合に参... 2022.04.07 GSAP
GSAP 【GSAP】クリックでアニメーションを開始する方法2パターンを紹介 アニメーションライブラリGSAPを使って、ターゲットをクリックしたときにアニメーションを開始する方法を紹介します。 「クリックしたとき」ということで、javascriptやjQueryのクリックイベントとの組み合わせとなりますが、イベント部... 2022.04.04 GSAP
Web プログラマーのすごい人ってどんな人?SEの仕事を通して出会った先輩たちに共通すること プログラマーのすごい人っていうと、テレビドラマで見る「ハッカー」のようなイメージが強いのではないかと思います。 かれこれ10年近くプログラムに関わってきていますが、ドラマチックなハッカーに出会ったことはありません(笑) それでも、実際の現場... 2022.04.02 Web