使用质量敏感的CSS框架可以为您提供任何网页设计项目的良好开端。一些像Bootstrap一样,有些代码过多,而另外一些则需要相当陡峭的学习曲线。
理想情况下,您希望使用一个软件包,该软件包可为您提供足够的功能以帮助您实现正常运行,同时不会让您失去一大堆不需要的选项。
您也可能喜欢这些Material Design Web Frameworks或这些开源WordPress开发框架。
考虑到这个目标,厦门网站建设在这里介绍这里有20个CSS框架提供了基础知识 。
FICTOAN
FICTOAN旨在成为那些不是更大,更复杂的框架粉丝的人的绝佳选择。它具有生动的配色方案,自定义图标和大量简约风格的设计元素。
雪崩
雪崩是您可以自定义以满足您的需求的框架。有可用的软件包来启用流体网格系统,偏移类,容器,垂直间距等更多特定功能。
Beauter
在不到5K压缩的情况下,Beauter肯定会面临严重轻量化的挑战。这并不意味着没有功能,但是。你可以获得像响应式网格这样的基础知识,但也有一些额外功能,如视差滚动,模态,工具提示和一些漂亮的容器。
香草框架
Vanilla Framework的设计非常简单,为您的项目提供了一个很好的起点。有很多容器和设计元素都包含在内,看起来不错,但也很容易定制以符合您的期望。
布尔玛
基于CSS Flexbox,Bulma是一个全面响应和模块化的框架,可以让你使用你需要的东西。您可以获得Flexbox的所有优势,包括根据其编号和视口自动调整大小的列和图块。
毫克
毫克级重量几乎与其同名一样小 – 压缩时只有2k。它包含您期望的所有基础知识,旨在最大限度地减少您需要重置的样式数量。
InvisCss
InvisCss是作为更复杂框架的替代品而构建的。该软件包具有简单的CSS选择器名称和一个最小但有吸引力的UI。
看
个人项目Look的结果作为一个简约的CSS框架向公众发布,作为网站开发的基本起点。设计元素很简单,可根据自己的喜好进行定制。
unlimitedGrid
基于Sass,unlimitedGrid是一个灵活的,移动优先的网格框架。它是模块化的,所以你只需要使用你需要的功能。包含Flexbox支持,并有多种网格变体可供选择。
重要
作为大型框架的“反向方法”,Vital既轻便又可扩展。使用Sass构建,您会发现有效的网格布局,自定义按钮和装载器。照片拼贴,卡片容器和表格等内容还包括几种有用的布局样式。
PowerToCSS
基于SMACSS和DRY的原则,PowerToCSS是一个轻量级的CSS框架,为您快速开始下一个Web项目提供了坚实的基础。
Kouto Swiss
Kouto Swiss是Stylus的一个完整的CSS框架,它为您提供了大量的mixin,函数和实用程序来加快编码速度,还包括Caniuse网站的强大功能,使您的样式表符合您的兼容性需求。
松饼
本身并不是一个框架,但仍值得一提的是,Muffin是一个专注于前端Web设计的模板,用于使用SASS和Jekyll来静态站点。Muffin利用Bootstrap,Boilerplate,inuit.css和其他库文件的常见做法,让您直接进入编码领域。
偷偷摸摸的CSS
Furtive是移动优先的框架,占地面积非常小。这个框架并不担心旧版本的浏览器,这意味着它可以使用像Flexbox,SVGs和有限的供应商前缀这样的尖端技术。它也可在SCSS,CSS中使用,并附带一个用于定制构建的Gulp文件。
Webplate
Webplate框架包括一切功能,从健壮的响应式布局引擎到全局按钮元素,可自定义的表单以及对IcoMoon图标字体的支持。它也默认带有jQuery,Modernizr和Typeplate。
流动性
流动性可能是有史以来最轻量级的全面响应的CSS框架!HTML几乎可以100%响应,115字节的CSS文件修复了“几乎”的部分。不能轻于此。
/ * FLUIDITY v0.1.0 @mrmrs - http://mrmrs.cc MIT * / / * 响应式实用程序 * / img,canvas,iframe,video,svg {max-width:100%; } / *用这个类包装表格或pre元素在一个div中/ .overflow-container {overflow-y:scroll; }
架构
构建于LESS之上的Schema是一个响应式的前端UI框架,它包含一个全面的CSS组件集合(按钮,下拉列表,表单…)以帮助您快速入门。
翠
Emerald是LESS的一款实用的响应式网格系统。它基于块元素(与浮点相反),并使用BEM语法使用OOCSS方法编写。
比茹
Bijou是一个轻量级(<2 kb)响应式10列网格框架。它包含了按钮,警报,表格,导航栏,当然还有网格。
基础
Base是一个语义化,轻量级和可扩展的框架,允许您使用自己的宽度,列,排水沟,偏移量和填充来创建流体和固定网格。它包含按钮,表单和菜单组件,还包含一组用于CSS3属性,动画,渐变和一些实用混合的LESS mixins。
火花
Spark是基于移动优先响应式设计的轻量级框架。该框架预先构建了几种可互换的颜色主题,既有闪亮又平淡的风格。目前,基本颜色是银色(默认),蓝色,绿色,橙色,红色,紫色,酸橙和龙柚。
Typebase
typebase.css是一个最小的和可定制的CSS排版样板文件。typebase.css给你的最重要的事情是在大多数设备屏幕上实施垂直方式,从而确保跨列和长副本的文本不会不均匀。Less和Sass版本都可用。
海鲜
使用Sass构建的Hoisin是一个简单的响应式前端迷你框架,它被创建为更复杂和更臃肿的前端框架的替代品。它故意不包含任何组件,而是专注于为您提供一个有组织的基础,您可以从中创建自己的库。
可爱的网格
Cute Grids是一款移动优先的12列响应式网格系统,诞生于当今大型过度构建的框架的挫败感,对大多数项目来说这些框架可能过度使用,并限制了设计师的创造力。
轻而强大
使用任何类型的框架的重点都是让你的工作更轻松。因此,不得不重新安装一堆CSS,或者加载一些你甚至不会使用的脚本似乎违背了所有的逻辑。
使用上述更基本的框架之一可以让您快速入门,而不会遇到任何麻烦。而且,由于它们中的一些使用了模块化方法,因此您只能挑选某个特定项目所需的项目。这还差不多!