|
Post by account_disabled on Jan 4, 2024 4:37:19 GMT -6
并在其他地方优雅地回退。 提高可读性的 HTML 预处理器 真正的悬挂标点符号、光学边距突出、标点符号和空格替换、软连字符——这些小细节可以显着改善阅读体验。但不幸的是,我们常常没有给予他们应有的关注。这就是 HTML 预处理器Typeset.js的用武之地。它负责处理所有这些排版细节,因此它们不会在此过程中丢失。 启用 Typeset.js 的文本。 启用Typeset.js的文本。请注意,与未启用 Typeset.js 的下图相比,悬挂标点、小型大写字母转换和空格替换等细节如何提高可读性。(查看大图) 未启用 Typeset.js 的文本。 没有 Typeset.js 的相同文本。它感觉更局促,并为读者提供更少的视觉锚点来引导他们浏览文本。(查看大图) 处理 CSS 中的长单词 对于英语网站来说。 这可能不是太大的问题,但某些语言(例如德语)的单词非常非常长。那么如何在响应式网页设计中处理它们而不破坏布局并导致文字被裁剪呢?Michael Scharnagl 找到了一个解决方案:overflow-wrap与word-wrap结合,hyphens它将在支持它的浏览器中显示,并在其他浏览器中换行。很高兴知道。 主体:120+ 原生 React UI 组件与 Next.js 完全兼容 尝试 KENDOREACT 使脚注更加用户友好 长篇阅读通常需要脚注和旁注。然而,在网 Whatsapp 号码列表 络上提供它们的常见解决方案对阅读流程来说相当分散注意力:您单击一个很小的数字并跳转到页面底部。Chris Sauvé 找到了一种较少干扰的方式来通过附加信息来丰富文本。他的 jQuery 插件Bigfoot.js检测脚注链接和内容,将链接变成一个不显眼的按钮,并在读者单击该按钮。 时打开一个弹出窗口。 脚注作为弹出窗口 Bigfoot.js提供的脚注可以很好地融入自然阅读流程。(查看大图) 指南和备忘单 实用版式指南 如果您正在寻找一本涵盖专业排版所有要点的综合指南,请查看Donny Truong 的免费电子书。它逐步引导您做出明智的排版选择,培养您对细节的注意力,并为您提供完全控制排版所需的技术背景。该电子书是免费的,但如果您发现它有用,请公平地考虑付费。价格由你决定。 版式备忘单 聪明的引号、愚蠢的引号、破折号、连字符——您是否很难区分它们?那么 Typewolf 的Typography 备忘单就是您的书签之一。它回答了您有关它们正确使用的所有问题,并回顾了它们的 Mac 和 Windows 快捷方式和 HTML 实体以及其他一些有用的字符(例如数学和非英语字符)。便利。 选择正。
|
|