折れ線グラフを描画するためのフォント「Linefont」、波形・スペクトル・ダイアグラム・ヒストグラムなどの棒データを描画するためのフォント「Wavefont」が、Google Fontsで利用できるようになったので紹介します。 Linefont | Wavefont フォントのライセンスはSIL Open Font Licenseで、個人でも商用プロジェクトでも無料で利用できます。 まずは、Linefont。 Linefontは中小規模の折れ線グラフ（時系列など）を描画するためのフォントです。値は0～100の範囲でさまざまな文字に割り当てられます。範囲、値、ウェイトはWavefontと互換性があり、視覚的な一貫性を維持しながらフォントを交換できます。

Intro こういうタイトルを付けるのはあまり好きではないが、あえてこのようにした。 「ブラウザでキャッシュがヒットしない」 以下は、 Web における Caching の FAQ だ。 サーバで Cache-Control を付与したのにキャッシュがヒットしない サーバで ETag を付与したのに If-None-Match が送られない サーバで Last-Modified-Since を付与したのに If-Modified-Since が送られない 先日も、筆者が書いた MDN の Cache セクションで「記述が間違っているのでは?」と同様の質問を受けた。 Issue about the Age response header and the term "Reload" · Issue #29294 · mdn/content https://github.com/mdn/cont

0.9.toLocaleString() // => '0.9' 0.99.toLocaleString() // => '0.99' 0.999.toLocaleString() // => '0.999' 0.9999.toLocaleString() // => '1' ちょっと驚いたので調べた。 Number.prototype.toLocaleString() - JavaScript | MDN Intl.NumberFormat API に対応している実装においては、このメソッドは単に Intl.NumberFormat を呼び出します。 Intl.NumberFormat() constructor - JavaScript | MDN maximumFractionDigits: The maximum number of fraction digits to use.

Making the web more beautiful, fast, and open through great typography

Zen Maru Gothic is a rounded san serif family that gives a soft and natural impression due to the deep rounds in the corners. Because of this unique soft impres

Book Club Meeting #9: Tinzo plays a jazz house mix for our film noir party in New York City. September 9th, 2023 Tinzo's Instagram: https://www.instagram.com/tin.zo/ The Librarian's Manifesto 1. Come for the music. 2. Be open to unfamiliar music and sounds. 3. Respect one another. 4. Face each other instead of the DJ. 5. No phones allowed on the dance floor. 6. Dress to express yourself. 7. Dan

いつからかは分からないが、最近の macOS の /usr/bin/diff は色をつけるオプションが生えた。 記憶が曖昧だが過去のバージョンではこのオプションはなかった気がする。 使い方は簡単。 --color オプションをつけること。 下は macOS (Ventura 13.5.2) の diff の man ページから引っ張ってきたもの。 --color=[when] Color the additions green, and removals red, or the value in the DIFFCOLORS environment variable. The possible values of when are “never”, “always” and “auto”. auto will use color if the output is a tty and the

よりカスタマイズ可能なセレクトボックスを実現する `selectlist` 要素 2023.10.07 `<selectlist>` 要素は、デザインをカスタマイズできなかった従来の `<select>` 要素の問題を解決するために Open UI グループにより提案されている要素です。`<selectlist>` の構成要素の多くはスロットとして提供されていて、高いカスタマイズ性を備えているのが特徴です。 <selectlist> 要素は 2023 年 10 月 7 日現在 Chrome Canary の Experimental Web Platform features flag を有効にした場合のみ使用できる実験的な機能です。この記事の内容は将来変更されるおそれがあります。 <selectlist> 要素とは <selectlist> 要素は Open UI グループにより提案され

Language Server Protocol通称LSPの仕様と、各機能をどうやって実装したら良いかの指針を示します。 対象読者 * 言語処理系を実装する人/したい人 * Language Serverを実装する/したい人 * LSPに興味がある人、日本語のまとまった情報源を探している人 * Language Serverがエディタの裏でどのようなことをしているのか気になる人 本書で解説される機能は以下の通りです。 * Diagnostics (検査) * Completion (補完) * Inlay hint * Hover * Goto definition (定義へ移動) * Find references (参照を表示/移動) * Rename (名前変更) * Code actions * Code lens * Signature help * Command * Docu