line-heightのハーフ・レディングを打ち消す"calc((1em - 1lh) / 2)"をCSS変数に定義しておくとよい – TAKLOG

2024/05/29 163 users フォントサイズ Calc TAKLOG 単位 CSS変数

lhという単位に見慣れない方もいるかと思われますが、これは現在のline-heightと同じ長さを表す新しく登場した単位です。この例ではline-heightはフォントサイズの1.5倍なので、もし1remが16pxであれば1lhは24pxとなります。 この場合、行の高さと文字の高さの負の差は1em - 1lh、つまり16px - 24pxで-8pxです。それを片... 続きを読む

CSSでfont-sizeをレスポンシブ対応にする最新テクニック！ clamp()関数で定義する便利ツール -Min-Max Calculator

2022/05/31 158 users CLAMP font-size CSS 関数 メディアクエリ

Webサイトをレスポンシブ対応にする時、メディアクエリを使用するのも一つの方法ですが、CSSのclamp()関数を使用すると、最小値と最大値を定義してその間の値は流動的にすることができます。 たとえば、小さいスクリーンでは最小値の16px、スクリーンが大きくなるにつれ、最大値の24pxになるまで少しずつ大きくなる、と... 続きを読む

【重要】日本中のWebサイトへの改ざん攻撃が多発中 4月から1000サイト以上が被害に | Web担当者Forum

2013/06/11 43 users 改ざん攻撃 Web担当者Forum 被害 安田英久 いまどき

Web担トップ « 編集記事一覧 « [コラム] Web担のなかの人――編集部ブログ « 編集長ブログ―安田英久 « 【重要】日本中のWebサイトへの改ざん攻撃が多発中 4月から1000サイト以上が被害に ««タブレット向けサイトの文字サイズは16pxがいいとの調査結果……イマドキの文字サイズの話 連載編集長ブログ―安田英久 【重要】日本中のWebサイトへの改ざん攻撃が多発中 4月から1000サイ... 続きを読む

タブレット向けサイトの文字サイズは16pxがいいとの調査結果……イマドキの文字サイズの話 | Web担当者Forum

2013/06/04 188 users いまどき 安田英久 Web担当者Forum 調査結果 Web担

Web担トップ « 編集記事一覧 « [コラム] Web担のなかの人――編集部ブログ « 編集長ブログ―安田英久 « タブレット向けサイトの文字サイズは16pxがいいとの調査結果……イマドキの文字サイズの話 ««【実録】Web担のページ表示を快適にした広告表示の最適化2つのカラクリ 連載編集長ブログ―安田英久 タブレット向けサイトの文字サイズは16pxがいいとの調査結果……イマドキの文字サイズの話... 続きを読む

商用でも無料の、凄くシンプルなアイコンのセット・Simplicity Vector Icon Set - かちびと.net

2013/04/19 85 users 商用 アイコン net psd 備忘録

凄くシンプルなアイコンが好みだったので備忘録。商用でも無料で利用出来るそうです。ファイルもPNGの他にPSDが同梱されていますので調整しやすいのでは。 とってもシンプルなアイコンのセットです。ちょっと塗り絵っぽい。 Simplicity Vector Icon Set こんな感じでラインのみで作られたシンプルなアイコンです。PNGで用意されたサイズは16pxから512pxまでの7通りに加えてPSD... 続きを読む