增强闪卡右侧黄色标记的功能

对于闪卡右侧的黄色标记有如下两点建议,可以加强闪卡的使用体验。期望 D 大 能考虑。

  1. 希望闪卡右侧的黄色标记在发生重叠时,能够错开位置,这样在页面整理闪卡时,就能够很清晰的分清哪些内容制作了闪卡,哪些内容还未制作。

    闪卡标记错位.gif

  2. 希望当鼠标移到闪卡右侧的黄色标记上时,能有类似备注那样的动画效果,指示出这个标记对应的是哪个块。

    点击闪卡标记.gif

@88250

  • 思源笔记

    思源笔记是一款隐私优先的个人知识管理系统,支持完全离线使用,同时也支持端到端加密同步。

    融合块、大纲和双向链接,重构你的思维。

    18988 引用 • 71265 回帖 • 2 关注

相关帖子

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
  • 88250

    估计是很难区别细节差异了,比如列表块中的列表、列表项和段落。

    @Vanessa

    1 回复
  • 这个是个样式,鼠标移上去需要高亮的话要和备注一样加到块属性上。

    1 回复
  • D 大,V 姐,辛苦想想法子看能否实现这两个细节,在我半年多的高强度使用闪卡的过程,觉得这两个细节对使用体验提升还是很明显的 🙏

  • 简单点就把颜色改成半透明的,这样叠加的时候颜色也不一样

  • 大闪卡里面套小闪卡,这种我都避免出现。
    那个右边黄色的效果,还是能看出来有闪卡嵌套,就是费眼,如果改改效果,在中间做个突出,一般都能错开,可以知道这里有 2 个闪卡。

  • i1356

    市场里有闪卡增强插件

    1 回复
  • 看了下不太好弄,本来想着右侧缩进就可以区分,但是有背景的话 3331 列右侧没对齐就不太好看了。等有好的解决方案再改进吧,目前只能先维持现状。

    image.png

    2 回复
  • wxtgood 1

    V 姐,我发现将“闪卡的黄色标记”移到左侧是一个合理的方案,能极大的提升闪卡的使用体验,能形成“阅读-制作闪卡-复习-二次阅读发现未制卡的新知识点并进行制卡”的流畅闭环。如下图。

    image.png

    理由如下:

    1. 能够清晰的指示出哪个块制作了闪卡,哪个块没有制作闪卡,这对后续整理闪卡非常有用。虽然有闪卡管理界面,但闪卡管理处是以一个个独立的闪卡来呈现的,相互之间很难直观的看到彼此之间的联系,所以在文档页面进行闪卡整理是最好方式。
    2. 闪卡黄色标记放到左侧是符合人的阅读和使用习惯的。因为我们在阅读笔记时,都是从左往右阅读,阅读时,能在第一时间映入眼帘,能快速准确地给出“这个块已经制卡了,在我复习的计划里了”的提示。若是放在右侧就非常不方便了,每次还需要根据黄色标记的长度来目测估算这个标记对应的是那个块,这个过程是非常的糟糕(眼睛需要左右移动画线来对齐黄色标记是与哪个块对应的),若是使用的屏幕比较宽,还需要转一下头才能看到右侧的闪卡标记。
    1 操作
    wxtgood 在 2023-12-23 21:06:22 更新了该回帖
  • 用过,不知到为啥总是会产生一些 bug,后来就放弃使用了。

  • wxtgood 1 评论

    v 姐姐,我在评论里提的方案可行不?用眼神扫描闪卡黄色标记和对应块的位置关系,孩子实在是痛苦啊 😭

    @Vanessa

    Vanessa
请输入回帖内容 ...

推荐标签 标签

  • Sym

    Sym 是一款用 Java 实现的现代化社区(论坛/BBS/社交网络/博客)系统平台。

    下一代的社区系统,为未来而构建

    523 引用 • 4581 回帖 • 692 关注
  • 招聘

    哪里都缺人,哪里都不缺人。

    189 引用 • 1056 回帖 • 1 关注
  • 创业

    你比 99% 的人都优秀么?

    82 引用 • 1398 回帖 • 1 关注
  • H2

    H2 是一个开源的嵌入式数据库引擎,采用 Java 语言编写,不受平台的限制,同时 H2 提供了一个十分方便的 web 控制台用于操作和管理数据库内容。H2 还提供兼容模式,可以兼容一些主流的数据库,因此采用 H2 作为开发期的数据库非常方便。

    11 引用 • 54 回帖 • 639 关注
  • Vditor

    Vditor 是一款浏览器端的 Markdown 编辑器,支持所见即所得、即时渲染(类似 Typora)和分屏预览模式。它使用 TypeScript 实现,支持原生 JavaScript、Vue、React 和 Angular。

    317 引用 • 1670 回帖 • 2 关注
  • Bootstrap

    Bootstrap 是 Twitter 推出的一个用于前端开发的开源工具包。它由 Twitter 的设计师 Mark Otto 和 Jacob Thornton 合作开发,是一个 CSS / HTML 框架。

    18 引用 • 33 回帖 • 686 关注
  • Quicker

    Quicker 您的指尖工具箱!操作更少,收获更多!

    20 引用 • 74 回帖 • 3 关注
  • Oracle

    Oracle(甲骨文)公司,全称甲骨文股份有限公司(甲骨文软件系统有限公司),是全球最大的企业级软件公司,总部位于美国加利福尼亚州的红木滩。1989 年正式进入中国市场。2013 年,甲骨文已超越 IBM,成为继 Microsoft 后全球第二大软件公司。

    103 引用 • 126 回帖 • 444 关注
  • Facebook

    Facebook 是一个联系朋友的社交工具。大家可以通过它和朋友、同事、同学以及周围的人保持互动交流,分享无限上传的图片,发布链接和视频,更可以增进对朋友的了解。

    4 引用 • 15 回帖 • 457 关注
  • Kafka

    Kafka 是一种高吞吐量的分布式发布订阅消息系统,它可以处理消费者规模的网站中的所有动作流数据。 这种动作(网页浏览,搜索和其他用户的行动)是现代系统中许多功能的基础。 这些数据通常是由于吞吐量的要求而通过处理日志和日志聚合来解决。

    35 引用 • 35 回帖 • 5 关注
  • 七牛云

    七牛云是国内领先的企业级公有云服务商,致力于打造以数据为核心的场景化 PaaS 服务。围绕富媒体场景,七牛先后推出了对象存储,融合 CDN 加速,数据通用处理,内容反垃圾服务,以及直播云服务等。

    26 引用 • 221 回帖 • 156 关注
  • 新人

    让我们欢迎这对新人。哦,不好意思说错了,让我们欢迎这位新人!
    新手上路,请谨慎驾驶!

    51 引用 • 226 回帖
  • Thymeleaf

    Thymeleaf 是一款用于渲染 XML/XHTML/HTML5 内容的模板引擎。类似 Velocity、 FreeMarker 等,它也可以轻易的与 Spring 等 Web 框架进行集成作为 Web 应用的模板引擎。与其它模板引擎相比,Thymeleaf 最大的特点是能够直接在浏览器中打开并正确显示模板页面,而不需要启动整个 Web 应用。

    11 引用 • 19 回帖 • 319 关注
  • WordPress

    WordPress 是一个使用 PHP 语言开发的博客平台,用户可以在支持 PHP 和 MySQL 数据库的服务器上架设自己的博客。也可以把 WordPress 当作一个内容管理系统(CMS)来使用。WordPress 是一个免费的开源项目,在 GNU 通用公共许可证(GPLv2)下授权发布。

    45 引用 • 113 回帖 • 299 关注
  • CloudFoundry

    Cloud Foundry 是 VMware 推出的业界第一个开源 PaaS 云平台,它支持多种框架、语言、运行时环境、云平台及应用服务,使开发人员能够在几秒钟内进行应用程序的部署和扩展,无需担心任何基础架构的问题。

    5 引用 • 18 回帖 • 156 关注
  • Rust

    Rust 是一门赋予每个人构建可靠且高效软件能力的语言。Rust 由 Mozilla 开发,最早发布于 2014 年 9 月。

    57 引用 • 22 回帖 • 4 关注
  • SOHO

    为成为自由职业者在家办公而努力吧!

    7 引用 • 55 回帖 • 91 关注
  • Wide

    Wide 是一款基于 Web 的 Go 语言 IDE。通过浏览器就可以进行 Go 开发,并有代码自动完成、查看表达式、编译反馈、Lint、实时结果输出等功能。

    欢迎访问我们运维的实例: https://wide.b3log.org

    30 引用 • 218 回帖 • 607 关注
  • JWT

    JWT(JSON Web Token)是一种用于双方之间传递信息的简洁的、安全的表述性声明规范。JWT 作为一个开放的标准(RFC 7519),定义了一种简洁的,自包含的方法用于通信双方之间以 JSON 的形式安全的传递信息。

    20 引用 • 15 回帖 • 21 关注
  • Maven

    Maven 是基于项目对象模型(POM)、通过一小段描述信息来管理项目的构建、报告和文档的软件项目管理工具。

    186 引用 • 318 回帖 • 335 关注
  • 安装

    你若安好,便是晴天。

    130 引用 • 1184 回帖
  • V2Ray
    1 引用 • 15 回帖 • 1 关注
  • Linux

    Linux 是一套免费使用和自由传播的类 Unix 操作系统,是一个基于 POSIX 和 Unix 的多用户、多任务、支持多线程和多 CPU 的操作系统。它能运行主要的 Unix 工具软件、应用程序和网络协议,并支持 32 位和 64 位硬件。Linux 继承了 Unix 以网络为核心的设计思想,是一个性能稳定的多用户网络操作系统。

    917 引用 • 931 回帖
  • Chrome

    Chrome 又称 Google 浏览器,是一个由谷歌公司开发的网页浏览器。该浏览器是基于其他开源软件所编写,包括 WebKit,目标是提升稳定性、速度和安全性,并创造出简单且有效率的使用者界面。

    60 引用 • 287 回帖
  • Webswing

    Webswing 是一个能将任何 Swing 应用通过纯 HTML5 运行在浏览器中的 Web 服务器,详细介绍请看 将 Java Swing 应用变成 Web 应用

    1 引用 • 15 回帖 • 633 关注
  • 小薇

    小薇是一个用 Java 写的 QQ 聊天机器人 Web 服务,可以用于社群互动。

    由于 Smart QQ 从 2019 年 1 月 1 日起停止服务,所以该项目也已经停止维护了!

    34 引用 • 467 回帖 • 695 关注
  • 星云链

    星云链是一个开源公链,业内简单的将其称为区块链上的谷歌。其实它不仅仅是区块链搜索引擎,一个公链的所有功能,它基本都有,比如你可以用它来开发部署你的去中心化的 APP,你可以在上面编写智能合约,发送交易等等。3 分钟快速接入星云链 (NAS) 测试网

    3 引用 • 16 回帖 • 2 关注