百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

2017年20个最佳的极简CSS框架(2020 css框架)

ccwgpt 2024-09-29 09:39 31 浏览 0 评论

无论是在产品设计,还是在研发上,极简主义的应用简直无处不在。如果你和我一样热衷极简主义,那么本文分享的内容,一定是你的“菜”。在文章中,我们将与大家分享 20 个最佳的极简 CSS 框架,它们能够为你提供建站必备的组件,帮助你节省时间。Have Fun!

1.Spectre

这是一个轻量级、响应式的现代 CSS 框架,用于快速建站和扩展程序的开发。它通过最佳编码实践和一致性的设计语言,为排版与元素、基于 Flexbox 的响应布局系统、CSS 组件提供了基本样式。

项目地址:

https://picturepan2.github.io/spectre/

2.Layers

Layers CSS是一个针对实例的 CSS 框架。它具备轻量级、零依赖等特性。

项目地址:

http://jerryjappinen.com/layers/

3.Milligram

Milligram 提供了极简样式设置,便于你快速、简洁的开启建站之旅。虽然它不是一个 UI 框架,但它的设计理念却是以提供优秀的性能、高效的开发效率以及最少的属性重置而构建的。同时,它也是轻量的,在 Gzip 压缩后,它只有 2KB 大小。

项目地址:http://milligram.io/index.html

4.Cutestrap

如果你在寻找功能丰富的组件,那么 Bootstrap、Foundation 这类框架将会是你的最佳选择。但是,如果你想选择的框架大小是在 normalize.css 与一个完整框架范围之间, Cutestrap 或许是个不错的选择。它在压缩后仅有 8K 大小,可作为 Bootstrap 的轻量级替代方案。

项目地址:https://www.cutestrap.com/

5.Mobi

Mobi.css 是一个轻量级、可扩展、移动优先的 CSS 框架。它专注于细节,对于内容丰富的网页能够提供优质的用户体验。虽然,它专注移动端,但桌面客户端的体验也是很棒的。

项目地址:

https://github.com/mobi-css/mobi.css

6.Hack

Hack 是一个极度简易的 CSS 框架。这有一些示例,你可以了解下。

项目地址:

https://github.com/mobi-css/mobi.css

7.Wing

一个基于极简主义设计理念的漂亮的 CSS 框架。

项目地址:http://usewing.ml/

8.Sakura

一个易于定制的极简 CSS 框架/主题。

项目地址:

https://oxal.org/projects/sakura/

9.Mini

Mini 作为一个 Gzip 压缩后不到 7KB 大小的极简框架,它具备响应式、易用性和定制性等特性,旨在为你提供尽可能多的功能。由于它是轻量框架,不仅让你创建的网站和应用程序具备更快的加载速度,而且它所提供的组件可以满足基本的开发要求。

项目地址:http://minicss.org/

10. Pavilion

Pavilion 是一个简易的 CSS 框架,适合那些不喜欢使用其他框架中附带预定义 UI 组件的开发人员。如果你正在寻找一个简单、轻量、可订制的,并且不会出现代码膨胀的 CSS 框架,Pavilion 将是个不错的选择。

项目地址:http://www.pavilion.io/

11.Core CSS

这是一个构建轻量级响应式网站的前端框架,它没有内置预设元素和动画,只提供了一个超简单的网格体系 – 即它的列是浮动的,行是 self-clearing,而分界点则是按逻辑均匀的分布。你可以按照想要的工作方式,进行定制与使用。

项目地址:http://corecss.io/

12.Siimple

Siimple 是一个助你打造扁平化网站风格的轻量、响应式的开源框架。它内置了 SASS / SCSS,为你的网页设计提供了简洁的开始。

项目地址:

https://github.com/siimple/siimple

13.Scooter

专注为 Dropbox 提供基础样式、CSS 组件以及快速静态原型的 SCSS 框架。

项目地址:

http://dropbox.github.io/scooter/

14.Workless

打造更快 Web 应用程序的开源 HTML, CSS 与 JS 框架。

项目地址:http://workless.ikreativ.com/

15.Responsive

一个功能强大、对开发人员友好的,用于构建响应式网站的轻量级前端框架。

项目地址:http://responsivebp.com/

16.Kouto swiss

专注于 Stylus 的完整 CSS 框架。它的灵感源自流行的预处理工具库,例如 nib、compass、bourbon.

项目地址:http://kouto-swiss.io/

17.Concise

Concise 为你的网站设计提供了坚实的基础。它提供了一套仅包含基础样式的简洁框架,并包含了大量开箱即用的功能。同时,你也可以通过使用内核的附加组件进行功能性扩展。

项目地址:http://concisecss.com/

18.Penguin

Penguin 是一个由 Sass 构建的轻量级、可扩展的前端框架,用于启动任何项目。

项目地址:http://penguin.docs.bqws.io/

19.Base

一个稳固的响应式 HTML 与 CSS 框架。

项目地址:http://getbase.org/

20.Caramel

Caramel 是一个简单、现代的完全响应式 Web 框架。你仅需要编写一次代码,即可获得在多平台上相同的效果。

项目地址:

http://kurisubrooks.com/caramel/


感谢你的阅读。若你有所收获,欢迎点赞与分享。

注:

  1. 本文版权归原作者所有,仅用于学习与交流;

  2. 如需转载译文,烦请按下方注明出处信息,谢谢!

英文原文:20 Best Minimal CSS Frameworks 2017

作者:HENRI WIJAYA

译者:IT程序狮

译文地址:http://www.jianshu.com/p/976cb95b31a3

更多文章

1. 10 个基于 JavaScript 的机器学习实例

2. 磨练编程技巧的 10 个益智网站

3. 10 个优质的 CSS 与 JS LOGO 动画示例

4. 创建漂亮的 CSS 按钮的 10 个代码片段

相关推荐

WPF 工业自动化数据管控框架,支持热拔插 DLL与多语言实现

前言工业自动化开发中,设备数据的采集、处理与管理成为提升生产效率和实现智能制造的关键环节。为了简化开发流程、提高系统的灵活性与可维护性,StarRyEdgeFramework应运而生。该框架专注...

[汇川PLC] 汇川IFA程序框架06-建立气缸控制FB块

前言:汇川的iFA要跟西门子对标啦,这可是新的选择!就在2月14日,汇川刚发布的iFA平台,一眼就能看出来是对标西门子的全集成自动化平台博途(TIAPortal)。这个平台能在同一个...

微软发布.NET 10首个预览版:JIT编译器再进化、跨平台开发更流畅

IT之家2月26日消息,微软.NET团队昨日(2月25日)发布博文,宣布推出.NET10首个预览版更新,重点改进.NETRuntime、SDK、libraries、C#、AS...

大模型部署革命:GGUF量化+vLLM推理的极致性能调优方案

本文较长,建议点赞收藏,以免遗失。更多AI大模型应用开发学习视频及资料,尽在官网-聚客AI学院大模型应用开发微调项目实践课程学习平台一、模型微调核心概念与技术演进1.1微调的本质与优势数学表达:1....

拓扑学到底在研究什么?(拓扑学到底在研究什么问题)

拓扑是“不量尺寸的几何学”,那么它的核心内容,主要方法是什么?如果你问罗巴切夫斯基,他会说“附贴性是物体的一个特殊的属性。如果我们把这个性质掌握,而把物体其他的一切属性,不问是本质的或偶然出现的,均不...

小红书基于 PPO 的多模态大模型 RLHF 系统的设计与优化

分享嘉宾|于子淇编辑|Kitty策划|QCon全球软件开发大会随着大模型技术从技术变革转向产业变革,大模型应用也会进一步繁荣,传统基础设施技术已经不足以满足大模型应用的快速发展。整个...

音级、音名、变音记号全解析(变音记号写在音名的左边还是右边)

乐理的基础知识,包括基本音级、音名、变音记号和临时记号。这些是学习音乐的重要基石哦!基本音级就是音乐中最基础的七个音,它们是C、D、E、F、G、A、B。这些音级构成了音乐的基础框架。每个音级都有一个特...

m4 mac mini部署ComfyUI,测试Flux-dev-GGUF的workflow模型10步出图

m4macmini已经发布了一段时间,针对这个产品,更多的是关于性价比的讨论,如果抛开各种补贴不论,价位上和以前发布的mini其实差别不大,真要论性价比,各种windows系统的mini主机的价格...

虚幻 5的功能强大,但是依旧坚强活着Unity 没有被挤死

虚幻引擎5自从它发布预告的时候就引起了大家对它极大的兴趣,真实的画质效果让很多人都觉得它将会是一款推动行业发展的产品。虚幻引擎5的正式版已经发布了,可以在Launcher里面下载,大概有36G。但是依...

手游画面再进化 游戏引擎Unity 5发布

全新Unity5已经在2015游戏开发者大会上公布,Unity5是用于创建2D/3D游戏和互动体验的最佳开发平台的新版本。利用业界最全面的多平台支持,现在可以在21种平台上发布游戏。这款知名游...

为什么不用unity引擎?(unity为什么没有ui组件)

自主性不强,难以获得独特性虽然Unity引擎提供了很多现成的资源和功能,可以快速搭建游戏框架,但是这也意味着很多游戏在视觉和玩法上都很相似,难以获得独特性。不使用Unity引擎可以让使用的人更自由地选...

基于Unity3D的三维页游的设计与实现

张海程,李效伟,郭玮玮,张萌,庄绪姣,车统统(山东女子学院信息技术学院,山东济南250300)摘要:Unity3D引擎能够加速网页三维游戏的开发。基于Unity3D引擎,使用3DsMax对三...

憋了5年终于要来了?万代南梦宫自研引擎新进展曝光

万代南梦宫工作室近日通过社交平台平台动态首度披露其自研游戏引擎进展,展示了新员工接受引擎培训的现场照片。这是自2022年官宣立项以来,该引擎的首个实质性更新。据早期信息显示,该项目于2019年启动全...

一个简单的游戏框架:资源管理方案

1、Resources加载Resources加载主要分为同步和异步两种方式,Resources文件夹下资源过多,游戏启动会变慢,另外又无法热更新,所以这种加载方式是不推荐的。(调Resources.L...

WPF Prism框架详解:构建模块化、可测试的应用程序

引言Prism是一个开源的应用程序框架,由MicrosoftPatterns&Practices团队创建,旨在帮助开发者构建松耦合、可维护、可测试的WPF应用程序。它提供了一系列设计模式的实现,...

取消回复欢迎 发表评论: