見つけた前端界隈を震撼させるオープンソースプロジェクト、44kスターは本物!


pretextはフロントエンドエンジニアが20年も解決できなかった文字レイアウトの難題を解決した。
従来のウェブページレンダリングはDOMに依存し、文字を調整するたびにレイアウトを再計算しなければならず、パフォーマンスのコストが巨大だった。これに対し、このツールは直接DOMを迂回し、Canvasを使って純粋な算術計算で文字の幅と高さを算出し、**レイアウトのリフローゼロ**を実現、パフォーマンスは30msから0.05msへと向上、600倍の改善!
いくつかの派手な操作例:
✦ バブル対話ボックスが完璧に適応、0ピクセルの無駄(CSSでは到底できない)
✦ リアルタイムASCIIアートアニメーション、文字の明るさに応じて変化
✦ アコーディオンコンポーネントの高さを自動計算、CSSハック不要
✦ マルチカラムの瀑布流レイアウトが滑らかに流れる
以前はこれらのエフェクトを実現するにはさまざまなブラックテクノロジーやパフォーマンス妥協が必要だったが、今は事前に計算しておき、ブラウザのレンダリングエンジンも節約できる。
作者のchenglou(ReasonMLのコアメンバー)は、文字レイアウトをまるで芸術の域にまで昇華させた。本格的なフロントエンド、ビジュアライゼーション、クリエイティブなインタラクションを追求するなら、このライブラリは必見、新しい世界の扉を開く。
プロジェクトのURLはコメント欄にあります👇
原文表示
このページには第三者のコンテンツが含まれている場合があり、情報提供のみを目的としております(表明・保証をするものではありません)。Gateによる見解の支持や、金融・専門的な助言とみなされるべきものではありません。詳細については免責事項をご覧ください。
  • 報酬
  • コメント
  • リポスト
  • 共有
コメント
コメントを追加
コメントを追加
コメントなし
  • ピン