manuel
(Manuel Kostka)
1
クライアントプロジェクトの管理にDiscourseインスタンスをしばらく使用していましたが、より多くの公開コンテンツを追加し、ケーススタディやリソースを共有することにしました。まだ作業途中です（デスクトップ用にのみスタイル設定されており、ほとんどのトピックは最小限のコンテンツしかありません）が、もう長すぎる間見ているので、良い判断ができなくなっている気がします。
フィードバックをいただけると幸いです。
-
全般的に: 直感的ですか？共有している内容は理にかなっていますか？他に共有すべきことや、異なるハイライトを設定すべきだと思いますか？
-
編集: 修正された問題を解決するためにこのコンポーネントを書き直しました 技術的な側面: 私が使用している中央のレイアウトコンポーネントは、サイドバー/ヘッダーフローを修正したものです。目標は、ヘッダーまたはサイドバーのいずれか、一度に1つのプライマリナビゲーションバーのみを表示することです。プレーンコンポーネントはhttps://gitlab.com/kostka.studio/discourse/helpers/sidebar-flowにあり、フローを構築するために2つのアプローチを取りました。
- サイドバーを透明なヘッダーの上に再宣言し、サイドバーの幅に合わせてサイドバーのトグルとロゴを配置するためにグリッドを割り当てます。
- スタイルハックを使用してサイドバーの背景を拡張します（ページ全体の
drop-shadowを宣言し、次にclip-pathで制限します）。
このアプローチを選択したのは、これまでのところデフォルトのスライドアニメーションを維持した最も美しいアニメーションが得られたからです。そのため、サイドバーがスライドインし、その背景が左側とヘッダーに拡張され、透明なヘッダーがその上に配置されます。
欠点として、ヘッダーをグリッドとして再宣言すると、ヘッダーにレンダリングされる他のコンポーネントとうまく連携しないことが挙げられます。また、Safariでclip-pathハックを機能させる方法が見つかっていません。そのため、ここのCSSの達人がもっと良いアイデアを持っているかどうか興味があります！
皆さん、ありがとうございます！
「いいね！」 7
Jagster
(Jakke Lehtonen)
2
非常に基本的なブロックとスペースのレイアウトです。直感は必要なく、スクロールするだけです 
まだ欠けているコンテンツが、残りを決定します。
Discourse で構築された -ブロックは、私の iPad では非常に壊れています。
「いいね！」 2
Bas
(Bas van Leeuwen)
3
はい、ほとんどの場合、シンプルでクリーンなウェブサイトです。メインの雰囲気は気に入っています。かなり穏やかです。
私が本当に期待していたのは、連絡を取る方法です。
その他のコメント：
ショッキングなことから始めましょう :-/ 時々、MacのSafariでサイトがこのように表示されます。
CSSではなくJavaScriptでスタイリングが行われているため、ロードとの競合が発生しているのではないでしょうか？
このボタンは顧客の概要に移動することを期待していました。
「顧客ログイン」にラベルを変更しますか？ また、ヘッダーに移動することも検討します。現在、サイトの最も目立つ場所にあり、メインのCTAのようになっています。
メニューを開くとページ全体がジャンプし、上の2つの要素が削除されます。これは直感的ではないように感じますか？
「会社概要」と「トピック」でメニューを開くと、実際にはすべてのコンテンツが削除されます。
「Discourseで構築」のショーケースは、あなたがその構築の一部でなかった場合、少し誤解を招く可能性があると考えられます。
リンクのどれも、リンクであることを明確に示す表示がありません。わずかな :hover スタイリングでも効果は大きいでしょう。
これらが何であるかの簡単な説明があると素晴らしいと思います。
さらに細かい点ですが、時刻にはタイムゾーンを、できれば日付には「月曜日」を追加します。
「いいね！」 3
Tris20
(Tristan)
4
私も同様の期待を抱いていましたが、クリックするとすぐにクライアントアクセス用であることがわかりました。
Bas氏の他のフィードバックも的確ですが、一般的にこのレイアウトは気に入っており、特定のユーザーセットやユースケースが非常に歓迎すると想像できます。
「いいね！」 3
manuel
(Manuel Kostka)
5
フィードバックありがとうございます！
はい、プラットフォームは完全にクライアントがプロジェクト管理のためにログインするためのものだったので、まさにメインのCTAです。公開ショーケースを追加するという考えを再考する必要があるかもしれません。あるいは、少なくとも2つの側面をどのように配置するか。
私が実装したプロジェクトのみを含めるつもりです。それぞれにケーススタディトピックへのリンクを貼れば明確になると思います。
これらは両方とも、まだSafariで動作していないclip-pathを使用したCSSハックによるものです。
全体的に、まだ実験的すぎるかもしれません。まず、専用のテーマでサイドバーのフローを機能させることを試みるべきかもしれません。結局のところ、私がここで解決したい主な実装上の課題は、サイドバーをウィンドウの左端に固定せず、より流動的なフローを持つフル幅レイアウトを構築することです。
「いいね！」 3
