2023年12月6日のブックマーク (3件)

  • CSS に 4 つの新しい国際化機能を導入  |  Blog  |  Chrome for Developers

    CSS テキスト モジュール レベル 4 の 4 つの新しい国際的な CSS 機能が Chrome に導入されます。この投稿では、すでにリリース済みの製品と、間もなく提供予定の製品について説明します。 Chrome 119 以降: word-break: auto-phrase での日語のフレーズ改行。 Chrome 120 のフラグの背後: text-autospace プロパティによるスクリプト間のスペース。 開発中: text-spacing-trim プロパティを使用した中国語、日語、韓国語(CJK)の句読点カーニング。 言語間で最小フォントサイズを統一します。 日語のフレーズの改行: word-break: auto-phrase 日語の読みやすさを向上させるこの機能(Chrome 119 以降) 中国語や日語など東アジアの一部の言語では、単語を区切るためにスペースを使

    hc0001
    hc0001 2023/12/06
    CJK などの言語で文節で改行させる word-break: auto-phrase がサポートされ、異なる言語の文字種類が混在する場合のスペーシング (text-autospace) や句読点に対するカーニング (text-spacing-trim)、文字サイズの自動選択が実装された
  • HTML web components

    Web components have been around for quite a while, but it feels like they’re having a bit of a moment right now. It turns out that the best selling point for web components was “wait and see.” For everyone who didn’t see the benefit of web components over being locked into a specific framework, time is proving to be a great teacher. It’s not just that web components are portable. They’re also web

    HTML web components
    hc0001
    hc0001 2023/12/06
    HTML で出来ることを拡張する Element Extensions もとい HTML Web Components という考え方。昨今の UI ライブラリへの闇雲な依存への指摘はよくわかりつつ、TypeScript で提供される開発者体験の側面が大きいので、間が埋まって欲しい
  • StyleX

    The styling system that powers facebook.cominstagram.comwhatsapp.comthreads.netGet StartedThinking in StyleX

    hc0001
    hc0001 2023/12/06
    Facebook 謹製の CSS in JS 実装。`stylex.create()` と `stylex.props()` に集約されるシンプルな API 設計で、co-location や抽象化・カプセル化・型サポートなど、昨今のフロントエンド需要を満たしている