-
Webデザイン
【CSS】CSSだけで画像をトリミングできる「object-fit」
こんにちは。FASTCODINGデザイナーの七転び八重子です。 今回は、簡単に画像をトリミングできるCSSをご紹介します。サイズのバラバラな画像を並べる場合に、わざわざ画像をト...
-
Webデザイン
「Lazy Load」でページの読み込み速度を向上させる
こんにちは。FASTCODINGデザイナーの七転び八重子です。 大量の画像を表示するWebページは、表示速度が遅くなりがちです。ページ速度が遅くなると、ブラウザが重くなるので、画...
-
Webデザイン
【アニメーション特集 -6】アニメーションを最適化してパフォーマンスを高める
こんにちは。FASTCODINGデザイナーの七転び八重子です。 アニメーションをシリーズでまとめて見よう!第6回は、「アニメーションを最適化してパフォーマンスを高める」です...
-
Webデザイン
【アニメーション特集 -3】CSSアニメーションライブラリ2021年まとめ
こんにちは。FASTCODINGデザイナーの七転び八重子です。 アニメーションをシリーズでまとめて見よう!第3回は、「CSSアニメーションライブラリまとめ」です。任意の要素に...
-
Webデザイン
【アニメーション特集 -2】CSSアニメーションの基本・作り方まとめ
こんにちは。FASTCODINGデザイナーの七転び八重子です。 アニメーションをシリーズでまとめて見よう!第二回は、「CSSアニメーションの基本・作り方まとめ」です。CSSアニメ...
-
Webデザイン
【Google Fonts 高速化】必要な文字だけを読み込む方法!
こんにちは。FASTCODINGデザイナーの七転び八重子です。 Webフォント(Google Fonts)って利用されている方多いと思いますが、例えば、サイトタイトルや見出しだけ...
-
Webデザイン
CSSで背景を斜めにデザインする方法まとめ!
こんにちは。FASTCODINGデザイナーの七転び八重子です。 今回は、CSSで実装可能な、背景を斜めに区切ったレイアウトにする方法をご紹介します。 ちょっとした...
-
Webデザイン
Google web fontsの雰囲気別おすすめ30選!Webフォントを導入しよう!
こんにちは、ディレクターのせりなです。 どのパソコン、どのスマートフォンで見ても同じフォント(書体)で表示してくれて 種類も豊富、使い方も簡単と...
-
Webデザイン
【簡単】Webフォントの使い方!Google web fontsを使ってみよう
こんにちは、ディレクターのせりなです。 Webフォントって聞いたことありますか? 最近はそれなりに普及してきたんじゃないかなと思うのですが まだまだ知らない人の為に...