writing-modeで縦書きが便利なこともある（最近便利なCSSおれおれAdvent Calendar 2023 – 12日目） | Ginpen.com最近便利なCSSおれおれAdvent Calendar 2023 – 12 日目 縦書きにできます。 あんまり全体を縦書きにしたい場面はないというかしないで欲しいんですが（読みづらいので）、表の細い列の見出しとかでどうでしょうか。 例 デモ：https://codepen.io/ginpei/pen/mdvgKXj
CSSのfont-familyの書き方のまとめ、スマホ・デスクトップの各最新OSにインストールされているフォントを使用 -Modern Font Stacks
iOS, Android, macOS, Windows, Linuxの各最新OSにデフォルトでインストールされているフォントをCSSで使用するときに、font-familyにどのように定義するとよいのかが分かるModern Font Stacksを紹介します。 日本語フォントには残念ながら対応していませんが、英語フォントを使用する際のfont-familyの書き方がまとめられています。 Modern Font Stacks Modern Font Stacks -GitHub Modern Font Stacksの特徴 Modern Font Stacksは、スマホ・デスクトップ用のOSにデフォルトでインストールされているフォントを確認できるサイトです。CSSのfont-familyに定義すると、フォントは各OSで利用可能な最速のフォントで、フォントがダウンロードされる必要はなし、レイア
spellcheckでスペルチェック無効化（知名度が低いウェブ標準ひとりAdvent Calendar 2021 – 19日目） | Ginpen.com
知名度が低いウェブ標準ひとり Advent Calendar 2021 – 19 日目 今日は spellcheck です。スペルチェックするしないの制御をします。 spellcheck – HTML: HyperText Markup Language | MDN デモ：https://codepen.io/ginpei/pen/eYGRzVo 基本的な使い方 HTML に spellcheck="true" みたいに書きます。グローバル属性といってあらゆる HTML 要素で利用可能です。 <div spellcheck="true">Check!</div> <div spellcheck>Also check!</div> <div spellcheck="false">No check!</div> 値は文字列で "true" 、 "false" あるいは空 "" を取ります。空
これはすごい！形やカラーをアニメーションで変えられる、コードによって作成されたフリーフォント -Leon Sans
フォントでいろいろなデザイン、表現をしたい人にぴったりなLeon Sansを紹介します。フォントを書くアニメーションだけでなく、さまざまなアニメーション、エフェクト、シェイプを自由に作成でき、インスピレーションが刺激されると思います。 Leon Sansは商用でも無料で利用できます。通常のフォントファイルとは異なり、Webページやスマホアプリに特化されたCanvasベースのフォントです。 Leon Sans Leon Sans -GitHub Leon Sansとは Leon Sansのデモ Leon Sansの使い方 Leon Sansとは Leon Sansは美しいサンセリフ体で、フォントの太さを動的に変更し、HTML5のCanvas要素でアニメーション、エフェクト、シェイプを自由に作成できます。 生まれたばかりの赤ちゃんレオン君を祝うためにフォントをリリースしたそうです。 サイトでは
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
