99

0

CSS Layout

用 CSS 制作的流行布局和模式的集合。现在它有 100 多种模式并继续增长!

CSS Layout

使用 CSS 制作的流行布局和模式的集合:

  • 🎉零依赖
  • 🎉没有框架
  • 🎉没有 CSS hack
  • 🎉真实用例
  • 良好做法(即将推出)
  • 辅助功能支持(即将推出)

为什么

作为一名前端工程师,我必须处理很多布局和组件。有很多 CSS 框架提供流行的布局/组件,但我通常不想将它们都包含在我的项目中。

所以我收集了最流行的可以用纯 CSS 构建的布局和组件。它们由现代 CSS 功能提供支持,例如 flexbox 和 grid。

它们是很好的起点,可以根据每个特定需求轻松选择和定制。通过组合它们,您可以拥有现实生活中存在的任何可能的布局。

在本地运行它

  • 克隆项目:
$ git clone https://github.com/1milligram/csslayout
  • 安装依赖项:
$ cd csslayout
$ npm install
  • 在本地运行它:
$ npm run dev

访问http://localhost:3000以查看它的运行情况。

贡献

欢迎 PR。如果您认为缺少任何有用的布局或模式,请创建问题或提交 PR。

请务必注意,您应该运行以下命令来 lint 代码:

$ npm run lint

如果有任何问题,它将记录在 tslint.log文件中。

关于

该项目由Nguyen Huu Phuoc开发。我喜欢构建产品和分享知识。

成为我的朋友