並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 1 件 / 1件

新着順 人気順

ワンライナーの検索結果1 - 1 件 / 1件

  • 【海外で話題】(ほぼ)すべてのプロジェクトを改善する、CSSワンライナー10選

    8月7日、CSSエキスパートであるアルバロ・モントロ氏が「CSS One-Liners to Improve (Almost) Every Project」と題した記事を公開した。 この記事では、ほぼすべてのプロジェクトでWebページのUXを改善するCSSのワンライナー(1行設定)が10個紹介されている。以下に、その内容を紹介する。 1. ビューポート内のコンテンツ幅を制限する body { max-width: clamp(320px, 90%, 1000px); margin: auto; } このワンライナーを使用することで、コンテンツサイズをビューポートの90%に制限し、幅を320ピクセルから1000ピクセルの間に保つことができる。また、margin: auto;を追加すると、コンテンツがページの中央に配置される。これにより、コンテンツが見やすく整った印象を与える。 整ったコンテン

      【海外で話題】(ほぼ)すべてのプロジェクトを改善する、CSSワンライナー10選
    1