Epic: The interface: a design system, progressive reveal, phones and AR
メンテナーはふだん 1 日以内に返信
評価
- 難易度
- 5/5
- 見積もり時間
- 1週間以上
- 初心者へのやさしさ
- 20/100
- issue の種類
- 機能追加
- 明瞭さ
- おおむね明確
- 活発さ
- 活発
- 技術スタック
- css, javascript
- 領域
- design, frontend, mobile-dev
調査の方向性
Read the Celestiary design system artifact linked from design/UI.md, then inspect the remaining phases in this issue; phase 1 is complete in #280. The work spans the observing theme, phone dock, AR interface and remaining chrome, with no implementation files or tests named here. Done means the applicable phase follows the stated design principles and its listed behaviors.
索引モデルが issue の本文から書いたものです。
説明
The chrome beyond the homepage had fallen behind it: the info panel was a bulleted dump of the target's descriptor with [+] toggles, in a translucent card that scene labels and the bottom controls ran over, and on a phone (where the AR view lives) it covered the screen.
The homepage's look (dark glass over the scene, periwinkle as the one signal colour, Inter, borders not shadows) is now written down as a design system, with tokens, components and proposed panels for desktop, phone and AR: the Celestiary design system artifact, linked from design/UI.md, which is also the plan.
Principles: the sky is the ground; night first; quiet chrome, exact data (numbers in mono, colour-keyed to the scene's lines); reveal by intent (a name, then a few numbers, then sections on request); nothing draws over a panel or sheet.
Phases
- Tokens, the tiered info panel, the phone bottom sheet (done, #280): the tokens as CSS custom properties; the panel as a head (name, kind, one fact), key rows and sections that open on request, kept in the
info:token; at 600px or less a sheet from the bottom with peek, half and full heights. Cesium's credits shrink to the logo, and go while only sky is in view. - The observing (red) theme: a setting and a permalink letter; every token's red value; offered when AR starts after dark.
- The phone dock (#289): Time, Layers, AR, Apps and More in one bottom bar, each opening its panel above it; the scene, the info sheet, the widgets sheet and Cesium's credits stand above it.
- AR: a reticle and an identify card; labels with a halo, only the brightest named; Cesium's credits in the sheet.
- The rest of the chrome on tokens: the homepage's rules, settings and About; the breadcrumb to its last two chips on a phone; retire
.dialog,.text-labelandcollapsor.js.
- 主要言語
- JavaScript
- スター
- 55
- フォーク
- 4
- 平均マージ
- 10時間 12分
- マージ済み PR(30日)
- 134
環境構築
このプロジェクトには開発コンテナ、Dockerfile、コントリビューションガイドがありません。まず README を読み、一般的な手順ははじめてのコントリビューションガイドを参照してください。
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
celestiary/web のほかの issue
-
難易度 1/5 1時間未満 初心者へのやさしさ 88/100
celestiary/web#345 ·
メンテナーはふだん 1 日以内に返信
-
Cesium guest (?cesium=iframe): white flicker near Mars's and Earth's surface remains after #335オープン
難易度 4/5 3〜5日 初心者へのやさしさ 35/100
celestiary/web#344 ·
メンテナーはふだん 1 日以内に返信
-
難易度 5/5 1週間以上 初心者へのやさしさ 25/100
celestiary/web#340 ·
メンテナーはふだん 1 日以内に返信
-
難易度 4/5 1〜2日 初心者へのやさしさ 48/100
celestiary/web#336 ·
メンテナーはふだん 1 日以内に返信
-
難易度 5/5 1週間以上 初心者へのやさしさ 35/100
celestiary/web#334 · コメント 1 件 ·
メンテナーはふだん 1 日以内に返信
似ている issue
-
難易度 2/5 1〜3時間 初心者へのやさしさ 78/100
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 82/100
feimacode/open-design-agent-kit#66 ·
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 70/100
xojs/eslint-config-xo#134 ·
-
FEATURE REQUEST
難易度 2/5 1〜3時間 初心者へのやさしさ 68/100
linuxmint/cinnamon-spices-extensions#1193 ·
メンテナーはふだん 1 日以内に返信
-
難易度 1/5 1時間未満 初心者へのやさしさ 80/100
huggingface/transformers.js#1839 ·
メンテナーはふだん 1 日以内に返信