摘要：
有用链接: HTML Attribute Reference (查看所有 Attributes) HTML Paragraphs Link to W3Schools <p> 里面 double/multiple space 最终会变成 1 space, 如果要 multiple 就用 space 的 阅读全文
posted @ 2021-10-06 22:45
兴杰
阅读(189)
评论(0)
推荐(0)
摘要：
有些是市场的规范, 有些是我的规范 Tag Name Lower Case 参考: W3Schools Attributes Name Lower Case 参考: W3Schools Always Quote Attribute Values 参考: W3Schools Always Double 阅读全文
posted @ 2021-10-06 22:24
兴杰
阅读(66)
评论(0)
推荐(0)
摘要：
Void Elements 需要 end slash? 这些是 void elements, 它们没有 end tag, 也没有 content. 至于关闭时是 ends with > 还是 />, 其实 W3C 都可以. 但 MDN, W3Schools, Google 的例子都是没有 slash 阅读全文
posted @ 2021-10-06 21:17
兴杰
阅读(115)
评论(0)
推荐(0)
摘要：
参考: Input Field Interaction using Interactive Components in Figma Create interactive components with variants Sign up for the interactive components b 阅读全文
posted @ 2021-10-06 19:17
兴杰
阅读(133)
评论(0)
推荐(0)
摘要：
Figma 其实有蛮多黑科技的, 因为需求真的太多了, 在还没有实现的期间就诞生了很多 hacking 的 way. Feature Issue 实现 min-height 通过 0px 黑科技 其实里面还有一个 Frame 只是 Width = 0.00001px (太小就会变成 0, 但你不能直 阅读全文
posted @ 2021-10-06 18:41
兴杰
阅读(365)
评论(0)
推荐(0)
摘要：
挺简单的, 只要知道它有什么, 基本上就会用了 监听 Event Type 监听 Callback Action 过度 Animation Frame Scrolling 阅读全文
posted @ 2021-10-06 18:36
兴杰
阅读(410)
评论(0)
推荐(0)
摘要：
Design System 我们做设计通常会 Follow 一个 Design System, 比如 Material Guide. 里头会定义 Font, Color, Effect (Elevation) 等规范. Style 封装 & 复用 在 Figma 我们可以为我们调好的颜色, 字体命名 阅读全文
posted @ 2021-10-06 18:20
兴杰
阅读(776)
评论(0)
推荐(0)
摘要：
参考 Create and use variants 定义与用途 Variants 是 Component 的扩展使用方式. 它就像 HTML 元素的属性一样, 通过修改属性, 元素就会变成相应的样式. 通常我们用它来实现 state (状态), 比如: hover, focus, error. 创 阅读全文
posted @ 2021-10-06 16:11
兴杰
阅读(646)
评论(0)
推荐(0)
摘要：
参考 Guide to Components in Figma Figma Tutorial: Components - The Basics (Youtube) 定义与用途 Figma 的 Component 有点 Class 和 Instance 的关系. Component 就是 Class, 阅读全文
posted @ 2021-10-06 12:54
兴杰
阅读(2637)
评论(0)
推荐(0)
浙公网安备 33010602011771号