manuel
(Manuel Kostka)
1
我使用 Discourse 实例来管理客户项目已经有一段时间了,并决定用更多公开内容来充实它,分享案例研究和资源。这仍在进行中(仅针对桌面进行了样式设置,大多数主题内容都很少),但我感觉我已经看了太久,无法做出好的判断了。
很高兴听到一些反馈:
-
总体而言: 它直观吗?我分享的内容有意义吗?您认为我应该分享其他内容或设置不同的重点吗?
-
编辑:重写了这个组件以解决提到的问题 在技术方面: 我使用的中央布局组件是修改后的侧边栏/标题流程。目标是一次只显示一个主导航栏,即标题或侧边栏。普通组件位于 https://gitlab.com/kostka.studio/discourse/helpers/sidebar-flow,我采用了两种方法来构建流程:
- 在侧边栏上方重新声明透明的标题,并分配一个网格以将侧边栏切换按钮和徽标与侧边栏宽度对齐
- 使用样式技巧扩展侧边栏背景(声明一个全页
drop-shadow,然后用 clip-path 限制它)
我选择了这种方法,因为到目前为止,我获得了最漂亮的动画,并保留了默认的滑动动画。所以只是侧边栏向左滑动,背景扩展到左侧和标题,透明的标题位于其上方。
我看到的缺点是,重新声明网格标题与其他在标题上渲染的组件不兼容。而且我还没有找到一种方法让 clip-path 技巧在 Safari 上也能正常工作。所以,我很想知道这里是否有 CSS 方面的专家有更好的想法!
谢谢大家!
7 个赞
Jagster
(Jakke Lehtonen)
2
非常基础的块和空间布局。这不需要任何直觉,只需滚动即可 
仍然缺失的内容决定了其余部分。
使用 Discourse 构建 - 在我的 iPad 上,该块非常损坏。
2 个赞
Bas
(Bas van Leeuwen)
3
是的,大部分是,这是一个简单而干净的网站。我喜欢它的主要氛围,相当宁静。
我真正期望的是一种联系方式。
一些补充意见:
让我们从一个令人震惊的开始 :-/ 有时 Mac 上的 Safari 使用该网站时看起来是这样的:
我认为有些样式是用 Javascript 而不是 CSS 设置的,这似乎与加载发生了竞态条件?
我期望这个按钮会导向客户概览。
也许将其重命名为“客户登录”?我也考虑将其移至页眉。目前它位于您网站最显眼的位置,几乎就像主要号召性用语一样。
打开菜单会导致整个页面跳转,移除顶部的两个元素。这感觉有点不直观?
打开“关于”和“主题”的菜单实际上会移除所有内容:
我认为“使用 Discourse 构建”的展示,如果您不是其中一部分,可能会被认为是误导。
您的任何链接都没有明确的指示表明它们是链接。一点 :hover 样式就会有很大帮助。
我认为对这些是什么进行简短的描述会很好:
还有一些吹毛求疵:我想在时间旁边加上时区,理想情况下也在日期旁边加上“星期一”。
3 个赞
Tris20
(Tristan)
4
我也曾有过这种期望,但点击后我意识到它是用于客户访问的。
Bas 的其他反馈也很中肯,但总的来说,我喜欢这个布局,并且可以想象特定的用户群体和用例会觉得它非常受欢迎。
3 个赞
manuel
(Manuel Kostka)
5
感谢大家提供反馈!
是的,它确实是主要行动号召,因为该平台完全是为客户登录进行项目管理的。我可能需要重新考虑添加公开展示的想法。或者至少是如何安排这两个方面。
它只打算包含我实施的项目。我猜如果我将它们链接到每个案例研究主题,就会很清楚。
这两者都是因为我提到的 CSS 技巧 clip-path,它在 Safari 上目前还不奏效。
总的来说,它可能仍然过于实验性而无法使用。也许我应该先在一个专门的主题中尝试实现侧边栏的流程。毕竟,这是我想要解决的主要实现挑战:构建一个全宽布局,侧边栏不固定在左侧窗口边缘,而是具有更流畅的流动性。
3 个赞