关于我的展示和项目实例的反馈

我使用 Discourse 实例来管理客户项目已经有一段时间了,并决定用更多公开内容来充实它,分享案例研究和资源。这仍在进行中(仅针对桌面进行了样式设置,大多数主题内容都很少),但我感觉我已经看了太久,无法做出好的判断了。:smile:

很高兴听到一些反馈:

  • 总体而言: 它直观吗?我分享的内容有意义吗?您认为我应该分享其他内容或设置不同的重点吗?

  • 编辑:重写了这个组件以解决提到的问题 在技术方面: 我使用的中央布局组件是修改后的侧边栏/标题流程。目标是一次只显示一个主导航栏,即标题或侧边栏。普通组件位于 https://gitlab.com/kostka.studio/discourse/helpers/sidebar-flow,我采用了两种方法来构建流程:

    • 在侧边栏上方重新声明透明的标题,并分配一个网格以将侧边栏切换按钮和徽标与侧边栏宽度对齐
    • 使用样式技巧扩展侧边栏背景(声明一个全页 drop-shadow,然后用 clip-path 限制它)

    我选择了这种方法,因为到目前为止,我获得了最漂亮的动画,并保留了默认的滑动动画。所以只是侧边栏向左滑动,背景扩展到左侧和标题,透明的标题位于其上方。

    我看到的缺点是,重新声明网格标题与其他在标题上渲染的组件不兼容。而且我还没有找到一种方法让 clip-path 技巧在 Safari 上也能正常工作。所以,我很想知道这里是否有 CSS 方面的专家有更好的想法!:face_with_monocle:

谢谢大家!:hugs:

7 个赞

非常基础的块和空间布局。这不需要任何直觉,只需滚动即可 :wink:

仍然缺失的内容决定了其余部分。

使用 Discourse 构建 - 在我的 iPad 上,该块非常损坏。

2 个赞

是的,大部分是,这是一个简单而干净的网站。我喜欢它的主要氛围,相当宁静。

我真正期望的是一种联系方式。

一些补充意见:


让我们从一个令人震惊的开始 :-/ 有时 Mac 上的 Safari 使用该网站时看起来是这样的:

我认为有些样式是用 Javascript 而不是 CSS 设置的,这似乎与加载发生了竞态条件?


我期望这个按钮会导向客户概览。

也许将其重命名为“客户登录”?我也考虑将其移至页眉。目前它位于您网站最显眼的位置,几乎就像主要号召性用语一样。


打开菜单会导致整个页面跳转,移除顶部的两个元素。这感觉有点不直观?

打开“关于”和“主题”的菜单实际上会移除所有内容:


我认为“使用 Discourse 构建”的展示,如果您不是其中一部分,可能会被认为是误导。


您的任何链接都没有明确的指示表明它们是链接。一点 :hover 样式就会有很大帮助。


我认为对这些是什么进行简短的描述会很好:

还有一些吹毛求疵:我想在时间旁边加上时区,理想情况下也在日期旁边加上“星期一”。


3 个赞

我也曾有过这种期望,但点击后我意识到它是用于客户访问的。

Bas 的其他反馈也很中肯,但总的来说,我喜欢这个布局,并且可以想象特定的用户群体和用例会觉得它非常受欢迎。

3 个赞

感谢大家提供反馈!

是的,它确实是主要行动号召,因为该平台完全是为客户登录进行项目管理的。我可能需要重新考虑添加公开展示的想法。或者至少是如何安排这两个方面。

它只打算包含我实施的项目。我猜如果我将它们链接到每个案例研究主题,就会很清楚。

这两者都是因为我提到的 CSS 技巧 clip-path,它在 Safari 上目前还不奏效。

总的来说,它可能仍然过于实验性而无法使用。也许我应该先在一个专门的主题中尝试实现侧边栏的流程。毕竟,这是我想要解决的主要实现挑战:构建一个全宽布局,侧边栏不固定在左侧窗口边缘,而是具有更流畅的流动性。

3 个赞