|
Post by account_disabled on Jan 4, 2024 5:36:50 GMT -5
和资源将帮助您将印刷版式一直受益的一些含义带入您的 Web 项目。它们简化了建立坚实的基础和模块化规模的过程,照顾到小细节,这样他们就不会迷失方向,并为常见的陷阱提供解决方案。你准备好追赶这种类型的游戏了吗? 认识图像优化,Addy Osmani 的新实用指南,用于在网络上优化和提供高质量图像。一切尽在一本528 页的书中。 跳转至目录 ↬ 功能面板 建立视觉节奏 设置基线网格 网络版式通常缺乏自 500 多年前约翰内斯·古腾堡发明印刷机以来印刷版式一直受益的工艺感。为了恢复更有意义的版式,古腾堡网络版式入门套件设置基线网格以建立适当的垂直节奏,确保所有元素和谐地融入其中。该套件基于 Sass,并附带两个基于 Google Fonts Merriweather 和 O。 pen Sans 的预定义主题,但自定义选项也允许您加载自定义字体。排版的支柱。 计算模数秤 模块化比例可确保您设计的视觉和谐。您可以像使用尺子一样使用它来设置字体大小或测量和设置构图中任何元素或负空间的大小。正文文本大小是确定比例的良好 Whatsapp 号码列表 基础,例如固定宽度的图像也是如此。Scott Kellum 和 Tim Brown 的模块化比例计算器提供了为您的设计选择基础和比例的宝贵提示,并使用这些值来计算您的比例。设置完成后,您可以将秤作为 Sass 或 JavaScript 插件获取,也可以直接在网站上引用您的计算结果。实现响应式排版的好工具。 模块化秤 模块化比例计算器将比例的基数(例如正文的大小)乘以一个比率,以生成按比例相关的数字比例。(查看大图) 构建的框架 要立即开始您的排版工作,您可能还。 需要查看Typeplate 入门套件。它提供了可靠、模块化和灵活的基本样式,以及您可以根据自己的喜好进行扩展的适当标记。该库不关心美学设计选择,而是为您提供构建块来建立您自己的印刷框架。CSS 文件大小仅为 10KB,Sass 文件大小为 18KB,并且还提供 Bower 包。 照顾细节 小号大写字母、连字和其他技巧变得简单 关注精细的排版细节通常会带来一个缺点:通常无法绕过复杂的 CSS。肯尼思·奥曼迪 (Kenneth Ormandy) 的Utility Open Type终结了这一情况。它的 1.75KB 小 CSS 文件提供了用于高级排版功能的 CSS 实用程序类,例如连字、小型大写字母、数字变体和其他技巧,使它们像使用粗体和斜体一样轻松应用于您的元素和<span>元素。为了减轻您的大量维护工作,Utility Open Type 可预见地进行级联。
|
|