今天早上,我在 Medium 订阅中看到了 Scott Kellum 和 Sal Hernandez 的项目 这个更新,以及他们的项目 Typetura,太棒了!
(此外,哇,我已经有一段时间没有玩这个游戏了。)
Typetura.js 是一个流体设计解决方案,适用于任何属性,基于任何输入。它不仅仅用于跨屏幕尺寸的排版。在任何事物之间进行过渡 - 宽度、高度、滚动位置、光标位置等等。 https://#/EoouX0PkGC
— typetura (@typetura) 2019 年 1 月 18 日
这真是令人兴奋!Typetura 想要解决在您的 CSS 中使用流体类型时出现的一些主要问题。
> Typetura 是一个流体排版工具。使用屏幕顶部的滑块选择您要设置样式的断点,然后使用屏幕左侧的面板设置页面样式。https://#/6cjgdEylwY
— CSS-Tricks (@css) 2018 年 11 月 22 日
Typetura 的创建是为了使流体排版成为主流。为此,需要解决两个问题。首先,开发一种功能丰富且易于用 CSS 实现的实现方式。其次,创建一个设计师可以用来说明他们希望流体排版的外观的设计工具。
我喜欢尝试消除摩擦并使技术更容易使用的工具。
为了确保实现易于使用和理解,Typetura 需要在普通 CSS 中使用简单、声明性的语法。这意味着没有复杂的数学或 Sass 技巧。
设计软件是围绕固定的画板构建的,但需要一种方法让设计师传达设计如何在尺寸之间过渡...Typetura 是一个允许设计师使用流体画布的工具。
您还可以
在 @glitch 上重混 - https://#/o3yr7Hsbki
在 @CodePen 上编辑 - https://#/k4Oy1OLT71
或者在 @Medium 上阅读 - https://#/WcgzHCgBrf— typetura (@typetura) 2019 年 1 月 31 日