跳至主要内容
CSS-Tricks
  • 文章
  • 笔记
  • 链接
  • 指南
  • 年鉴
  • 随机
搜索

文章标签
components

18 篇文章
{
,

}
避免设计系统中嵌套组件的陷阱文章的直接链接
组件 响应式 vue

避免设计系统中嵌套组件的陷阱

在创建基于组件的前端基础架构时,我个人遇到的最大痛点之一是创建既可重用又响应式的组件,而这些组件在组件中存在嵌套组件。…

Avatar of Dan Christofi
Dan Christofi 于 2022 年 4 月 26 日
设计系统中如何处理组件间距的文章的直接链接
组件 设计系统 布局

设计系统中如何处理组件间距?

假设你有一个 <Card /> 组件。它很可能不应该紧贴任何其他组件,而没有任何间距。这对于...几乎所有组件都是正确的。那么,你在...中如何处理组件间距?

Avatar of Chris Coyier
Chris Coyier 于 2022 年 1 月 27 日
2021 年最热门的前端工具文章的直接链接
组件 设计工具 生成器 图标 模式库

2021 年最热门的前端工具是什么?

又一年过去了,我再次有幸从过去 12 个月的 Web Tools Weekly 新闻稿档案中寻找读者在...期间发现最有趣的 前端工具。

Avatar of Louis Lazaris
Louis Lazaris 于 2022 年 1 月 18 日
如何在 Monorepo 中创建支持多个框架的组件文章的直接链接
angular 组件 框架 monorepo svelte vue

如何在 Monorepo 中创建支持多个框架的组件

你的任务——如果你决定接受它——是在四个框架中构建一个 Button 组件,但只使用一个 button.css 文件!

这个想法对我来说非常重要。我一直致力于一个名为...的组件库。

Avatar of Rob Levin
Rob Levin 于 2022 年 1 月 5 日
Tonic(组件框架)文章的直接链接
组件 框架

Tonic(组件框架)

我喜欢像 Tonic 这样的小型框架。它本质上是 <web-components /> 上的语法糖,使它们更容易使用。定义一个 Class,使用模板字面量编写 HTML 模板,可能还有一些其他的辅助工具,你就拥有了一个组件...

Avatar of Chris Coyier
Chris Coyier 于 2021 年 9 月 29 日
开发人员和设计师使用 UXPin 协同工作于单一事实来源文章的直接链接
组件 设计 模式库 uxpin

开发人员和设计师使用 UXPin 协同工作于单一事实来源

我一直参与网络设计和开发行业,一直以来都存在着一个不断讨论的话题。它集中在设计工具和开发工具之间的冲突。网络设计的最终产品往往是...

❥ 赞助
在 SVG 中创建 UI 组件文章的直接链接
组件 react SVG ux vue

在 SVG 中创建 UI 组件

我完全相信 SVG 为构建 Web 上的界面开辟了一个全新的世界。刚开始学习 SVG 可能会让人望而生畏,但你拥有一套专为创建形状而设计的规范,并且它仍然具有...

Avatar of Sarah Drasner
Sarah Drasner 于 2020 年 12 月 1 日
使用 Emotion 创建列表组件文章的直接链接
组件 emotion 列表

使用 Emotion 创建列表组件

本周我在 Sentry 做了一些重构工作,我注意到我们没有一个通用的 List 组件,可以在项目和功能之间使用。因此,我开始了一个,但这里有一个问题:我们用...进行样式设置。

Avatar of Robin Rendle
Robin Rendle 于 2020 年 7 月 8 日
创建卡片组件的注意事项文章的直接链接
架构 组件 react

创建卡片组件的注意事项

即使是一个简单的卡片组件,在设计 API 周围也可能很棘手。你正在提供什么抽象?你想要提供多少控制权?如果你使其过于灵活,你并没有提供太多价值。如果你使其过于严格,你也并没有提供太多价值。
Avatar of Chris Coyier
Chris Coyier 于 2020 年 3 月 3 日
  • 1
  • 2
  • 较早的

CSS-Tricks 由 DigitalOcean 提供支持。

随时关注 Web 开发

使用我们手工制作的新闻稿

DigitalOcean
  • 关于 DO
  • Cloudways
  • 法律事项
  • 获得免费积分!
CSS-Tricks
  • 为我们撰稿!
  • 与我们合作广告
  • 联系我们
社交
  • RSS 订阅
  • CodePen
  • Mastodon
  • X
返回顶部

© 2024 . All rights reserved.