- Web業界の動向・情報
フォントのすべて「Webサイトで使えるフォントはコレ！」
こんにちは。FASTCODINGデザイナーの七転び八重子です。 みなさん、Webデザインになんのフォントを使っていますか？ OS標準フォント、市販フォント、Webフォント、がありますが、グラフィックデザインと違ってWeb […]
- Web業界の動向・情報
【2021年3月】アニメーションが印象に残るサイトのまとめ
こんにちは。FASTCODINGデザイナーの七転び八重子です。 2021年に国内でリニューアルされたWebサイトの中でアニメーションを取り入れてるサイトを主に、まとめてみました。 商品やサービスのイメージを的確にユーザー […]
- Web業界の動向・情報
【CSS】CSSだけで画像をトリミングできる「object-fit」
こんにちは。FASTCODINGデザイナーの七転び八重子です。 今回は、簡単に画像をトリミングできるCSSをご紹介します。サイズのバラバラな画像を並べる場合に、わざわざ画像をトリミングする必要がないのでとても便利です。 […]
- Web業界の動向・情報
「Lazy Load」でページの読み込み速度を向上させる
こんにちは。FASTCODINGデザイナーの七転び八重子です。 大量の画像を表示するWebページは、表示速度が遅くなりがちです。ページ速度が遅くなると、ブラウザが重くなるので、画面操作に支障が出て、UIが低下してしまいま […]
- Web業界の動向・情報
【アニメーション特集 -6】アニメーションを最適化してパフォーマンスを高める
こんにちは。FASTCODINGデザイナーの七転び八重子です。 アニメーションをシリーズでまとめて見よう！第6回は、「アニメーションを最適化してパフォーマンスを高める」です。これまでの特集で、CSS、JavaScript […]
- Web業界の動向・情報
【アニメーション特集 -5】JavaScriptアニメーションライブラリまとめ（2021年2月版）
こんにちは。FASTCODINGデザイナーの七転び八重子です。 アニメーションをシリーズでまとめて見よう！第5回は、「JavaScriptアニメーションライブラリ2021年2月まとめ」です。前回、JavaScriptアニ […]
- Web業界の動向・情報
【アニメーション特集 -4】JavaScriptアニメーション基本・作り方まとめ
こんにちは。FASTCODINGデザイナーの七転び八重子です。 アニメーションをシリーズでまとめて見よう！第4回は、「JavaScriptアニメーション基本・作り方まとめ」です。CSSアニメーションについて、基本からおす […]
- Web業界の動向・情報
【アニメーション特集 -3】CSSアニメーションライブラリ2021年まとめ
こんにちは。FASTCODINGデザイナーの七転び八重子です。 アニメーションをシリーズでまとめて見よう！第３回は、「CSSアニメーションライブラリまとめ」です。任意の要素にクラスを付与するだけでアニメーションを実装でき […]
- Web業界の動向・情報
【アニメーション特集 -2】CSSアニメーションの基本・作り方まとめ
こんにちは。FASTCODINGデザイナーの七転び八重子です。 アニメーションをシリーズでまとめて見よう！第二回は、「CSSアニメーションの基本・作り方まとめ」です。CSSアニメーションで実際に、利用場面が多いボタンエフ […]
