更多 CSS 工具包(例如 Twitter Bootstrap)?

发布于 2024-12-07 15:19:17 字数 1539 浏览 1 评论 0 原文

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(12

两相知 2024-12-14 15:19:17

html5boilerplate 是我最喜欢的工具包

html5boilerplate is my favoured toolkit

草莓酥 2024-12-14 15:19:17

雅虎!最近创建了 Pure (源代码位于 GitHub >)。

Pure 提供:

  • 基于 Normalize.css 构建的 CSS 基础,以便解决跨浏览器问题最小化。
  • 常见 UI 组件的样式,例如列表、菜单、按钮、表单和表格。
  • 一个全面的响应式网格系统,用于为所有设备构建站点。

非常轻量,与 Bootstrap 的 20KB 相比,压缩和压缩后的总占用空间为 4.4KB。可以通过 Yahoo! 的 CDN 访问它。提供。

创建它的观点是创建新的 CSS 规则优于覆盖/更改现有规则。因此,它在出厂时就带有最小的样式(因此尺寸) - 您必须创建自己的样式。

Yahoo! have recently created Pure (source available on GitHub).

Pure provides:

  • A CSS Foundation built upon Normalize.css so that cross-browser issues are minimised.
  • Styling of common UI components such as lists, menus, buttons, forms and tables.
  • A comprehensive responsive grid system for building a site for all devices.

It is very lightweight with a total footprint of 4.4KB minified and gzipped compared to Bootstrap's 20KB. It is accessible from a CDN that Yahoo! provides.

It has been created with the viewpoint that creating new CSS rules is preferred to overwriting/altering existing ones. Therefore it is shipped with minimal styles out of the box (hence the size) - you have to create your own.

蓝梦月影 2024-12-14 15:19:17

Semantic UI 真的很棒,如果你喜欢 bootstrap,你应该更喜欢它!

Semantic UI is really great, if you liked bootstrap, you should like it even more!

猫腻 2024-12-14 15:19:17

我想您会发现 Zurb Foundation 也非常好

I think you will find Zurb Foundation to be very good as well

泪冰清 2024-12-14 15:19:17

以下是您可能喜欢使用的 CSS 框架列表...

  • base - 支持 IE7+ 的响应式 CSS 框架
  • BASSCSS - 低级 CSS 工具包
  • bootflat - 具有扁平化设计主题的 Bootstrap
  • Bootswatch - Bootstrap 主题集合
  • bulma - 基于 Flexbox 的 CSS 框架
  • cardinal - Cardinal 是一个小型移动优先 CSS 框架
  • caramel - 一个简单、美观的框架、响应式、现代 CSS 框架
  • HTML Starterkit - 用于启动响应式网站的 HTML5 模板
  • kube - 简约 Web 框架
  • Material Design Lite - HTML/CSS/JS 中的 Material Design Lite 组件
  • materialize - 现代反应灵敏基于Material Design的前端框架
  • Metro UI - 一个用于开发Windows Metro风格网站的前端框架
  • milligram - 最少的样式设置以实现快速起点。
  • mini.css - 一个最小的、响应式的、与样式无关的 CSS 框架/工具包
  • mui - 实现材料设计的轻量级 HTML/CSS/JS 框架
  • papier - 材料设计,如最小的 CSS 框架
  • pavilion - 无主见的 CSS 框架
  • picnicss - 轻量级 UI 库
  • pure - 一组小型响应式 CSS 模块
  • semantic-ui - UI 工具包有很多主题和元素
  • 骨架 - 一个非常简单的、响应式的样板
  • tachyons - 模块化 UI 框架
  • uikit - 轻量级模块化前端框架

Here's a list of CSS frameworks which you may enjoy working with...

  • base - Responsive CSS framework with IE7+ support
  • BASSCSS - Low-level CSS toolkit
  • bootflat - Bootstrap with a flat design theme
  • Bootswatch - A collection of themes for Bootstrap
  • bulma - CSS framework based on Flexbox
  • cardinal - Cardinal is a small mobile first CSS framework
  • caramel - A simple, beautiful, responsive, modern CSS framework
  • HTML Starterkit - HTML5 template to kick off your responsive websites
  • kube - Minimalistic Web framework
  • Material Design Lite - Material Design Lite Components in HTML/CSS/JS
  • materialize - A modern responsive front-end framework based on Material Design
  • Metro UI - A front-end framework for developing website in Windows Metro Style
  • milligram - Minimal setup of styles for a fast starting point.
  • mini.css - A minimal, responsive, style-agnostic CSS framework/toolkit
  • mui - A Lightweight HTML/CSS/JS Framework implementing Material Design
  • papier - Material design like minimal CSS framework
  • pavilion - Unopinionated CSS framework
  • picnicss - Lightweight UI library
  • pure - A set of small, responsive CSS modules
  • semantic-ui - UI Kit with lots of themes and elements
  • skeleton - A dead simple, responsive boilerplate
  • tachyons - Modular UI framework
  • uikit - A lightweight and modular front-end framework
时光倒影 2024-12-14 15:19:17

Blueprint 也是流行的 CSS 框架之一。

Blueprint is one of the popular CSS frameworks also.

若能看破又如何 2024-12-14 15:19:17

如果您只需要一个好的 CSS 框架,YAML 也是一个不错的选择。

If a good CSS framework is all you need, YAML is a great alternative too.

枯寂 2024-12-14 15:19:17

尝试使用 骨骼 作为另一种选择。

Try skeleton as another alternative.

静谧 2024-12-14 15:19:17

任何 UI 框架的选择都取决于相关的技术堆栈。我将 Semantic-UI (http://semantic-ui.com/) 与 AngularJS 一起使用。相信我,他们是天生的一对!

Semantic-UI 为响应式网页设计和移动组件提供了良好的支持。

Selection of any UI framework depends on the related technology stack. I use Semantic-UI (http://semantic-ui.com/) with AngularJS. Believe me, they are made for each other!

Semantic-UI gives good support for responsive web design and mobile components.

迷途知返 2024-12-14 15:19:17

还有另一个类似于 bootstrap twitter ,尝试 HTMLKickStart

there is another one similar to bootstrap twitter , try HTMLKickStart

情魔剑神 2024-12-14 15:19:17

请参阅免费且极其精简的 Litestrap CSS 工具包: http://js.plus/products/litesrap

与Bootstrap 但只有网格(脚手架)。

See free and extremely liteweight Litestrap CSS toolkit: http://js.plus/products/litestrap

The same as Bootstrap but only the grid (scaffolding).

萌逼全场 2024-12-14 15:19:17

如果您正在寻找以下功能:

  • 具有跨平台样式(iOS、Android、WP、Web)
  • 可与不同主题一起使用 与
  • 框架无关
  • 您可以在移动设备和桌面上使用它

看一下 Mobiscroll 表单

If you are looking for something that:

  • has cross-platform styling (iOS, Android, WP, Web)
  • can be used with different themes
  • is framework agnostic
  • you can use it on mobile as well as desktop

Take a look at Mobiscroll Forms.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文