CSSを最適化して、ページの読み込み時間を高速化する方法を紹介します。 シンプルなCSSのファイルをはじめ、大規模プロジェクトで使用されるCSSまで、すべてのCSSに効果があるテクニックです。 Optimizing CSS for faster page loads by Tomas Pustelnik 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 読み込みに時間がかかるのはなぜか？ スタイルシートのファイルサイズを制限する クリティカルCSSを使用する 遅延読み込みのスタイルシート スタイルシートにコード分割を使用する まとめ はじめに 先日、私は自分のWebサイトの読み込み時間を改善することにしました。すでにかなり高速にロードされていましたが、まだ改善の余地があり、CSSの読み込みがその原因の1つであることが分か

この記事では、2020年9月にかけて集めた、デザイン制作に役立つ最新フリーフォント素材をまとめて紹介しています。 ゆるい雰囲気の手書きフォントが、商用OKも多く、今月は特にオススメです。 高級感のあるセリフ書体や、人気の高い筆記体やブラシフォント、シンプルで使い勝手の良いサンセリフ書体まで幅広いスタイルが揃います。 どれも無料でダウンロードが可能となっていますが、ライセンスはそれぞれ異なるため、利用前にかならず確認するようにしましょう。 デザインの現場で活躍する最新フリーフォント54個まとめ 2020年8月度 新作続々！デザイン制作に役立つフリーフォント素材まとめ M+A1 M+ FONTSを改変し、Pythonにより機械的に角丸・墨溜まり処理を施した書体。1フォント8000字以上の文字を収録で、基本6書体のほか、全74バージョンが用意されています。 ※　個人、商用利用可能 Tropika