- Webデザイン
フォントワークス8書体がGoogle Fontsで利用可能に!
こんにちは。FASTCODINGデザイナーの七転び八重子です。 2021年1月下旬、フォントワークスは、Google社の「Google Fonts」へ手書き風の楷書系硬筆体「クレー」やディスプレイ書体の「ロックンロール」 […]
- Webデザイン
【2021年4月】現場で使える!テキストエフェクトのまとめ
こんにちは。FASTCODINGデザイナーの七転び八重子です。 Webサイトで使いたい!カッコよくて、オシャレなテキストエフェクト・アニメーションをまとめてみました。 今回は、codepenから探してみました。 目次 C […]
- Webデザイン
【第二部】4500人に聞いた!2021年最新のフロントエンド開発レポート(和訳)
こんにちは。FASTCODINGデザイナーの七転び八重子です。 ポーランドに拠点を置く、ソフトウェア開発会社のTHE SOFTWARE HOUSEさんが2020年に行った「フロントエンド開発のトレンドのアンケート」結果を […]
- Webデザイン
【第一部】4500人に聞いた!2021年最新のフロントエンド開発レポート(和訳)
こんにちは。FASTCODINGデザイナーの七転び八重子です。 ポーランドに拠点を置く、ソフトウェア開発会社のTHE SOFTWARE HOUSEさんが2020年に行った「フロントエンド開発のトレンドのアンケート」結果を […]
- SEO
フォントのすべて「Webサイトで使えるフォントはコレ!」
こんにちは。FASTCODINGデザイナーの七転び八重子です。 みなさん、Webデザインになんのフォントを使っていますか? OS標準フォント、市販フォント、Webフォント、がありますが、グラフィックデザインと違ってWeb […]
- Webデザイン
【2021年3月】アニメーションが印象に残るサイトのまとめ
こんにちは。FASTCODINGデザイナーの七転び八重子です。 2021年に国内でリニューアルされたWebサイトの中でアニメーションを取り入れてるサイトを主に、まとめてみました。 商品やサービスのイメージを的確にユーザー […]
- Webデザイン
【CSS】CSSだけで画像をトリミングできる「object-fit」
こんにちは。FASTCODINGデザイナーの七転び八重子です。 今回は、簡単に画像をトリミングできるCSSをご紹介します。サイズのバラバラな画像を並べる場合に、わざわざ画像をトリミングする必要がないのでとても便利です。 […]
- SEO
「Lazy Load」でページの読み込み速度を向上させる
こんにちは。FASTCODINGデザイナーの七転び八重子です。 大量の画像を表示するWebページは、表示速度が遅くなりがちです。ページ速度が遅くなると、ブラウザが重くなるので、画面操作に支障が出て、UIが低下してしまいま […]
- Webデザイン
【アニメーション特集 -6】アニメーションを最適化してパフォーマンスを高める
こんにちは。FASTCODINGデザイナーの七転び八重子です。 アニメーションをシリーズでまとめて見よう!第6回は、「アニメーションを最適化してパフォーマンスを高める」です。これまでの特集で、CSS、JavaScript […]