20个响应式和轻量级CSS框架

使用质量敏感的css框架可以为您提供任何网页设计项目的良好开端。一些像bootstrap一样,有些代码过多,而另外一些则需要相当陡峭的学习曲线。
理想情况下,您希望使用一个软件包,该软件包可为您提供足够的功能以帮助您实现正常运行,同时不会让您失去一大堆不需要的选项。
您也可能喜欢这些material design web frameworks或这些开源wordpress开发框架。
考虑到这个目标,网站建设在这里介绍这里有20个css框架提供了基础知识 。
fictoanfictoan旨在成为那些不是更大,更复杂的框架粉丝的人的绝佳选择。它具有生动的配色方案,自定义图标和大量简约风格的设计元素。
雪崩雪崩是您可以自定义以满足您的需求的框架。有可用的软件包来启用流体网格系统,偏移类,容器,垂直间距等更多特定功能。
beauter在不到5k压缩的情况下,beauter肯定会面临严重轻量化的挑战。这并不意味着没有功能,但是。你可以获得像响应式网格这样的基础知识,但也有一些额外功能,如视差滚动,模态,工具提示和一些漂亮的容器。
香草框架vanilla framework的设计非常简单,为您的项目提供了一个很好的起点。有很多容器和设计元素都包含在内,看起来不错,但也很容易定制以符合您的期望。
布尔玛基于css flexbox,bulma是一个全面响应和模块化的框架,可以让你使用你需要的东西。您可以获得flexbox的所有优势,包括根据其编号和视口自动调整大小的列和图块。
毫克毫克级重量几乎与其同名一样小 – 压缩时只有2k。它包含您期望的所有基础知识,旨在最大限度地减少您需要重置的样式数量。
inviscssinviscss是作为更复杂框架的替代品而构建的。该软件包具有简单的css选择器名称和一个最小但有吸引力的ui。
看个人项目look的结果作为一个简约的css框架向公众发布,作为网站开发的基本起点。设计元素很简单,可根据自己的喜好进行定制。
unlimitedgrid基于sass,unlimitedgrid是一个灵活的,移动优先的网格框架。它是模块化的,所以你只需要使用你需要的功能。包含flexbox支持,并有多种网格变体可供选择。
重要作为大型框架的“反向方法”,vital既轻便又可扩展。使用sass构建,您会发现有效的网格布局,自定义按钮和装载器。照片拼贴,卡片容器和表格等内容还包括几种有用的布局样式。
powertocss基于smacss和dry的原则,powertocss是一个轻量级的css框架,为您快速开始下一个web项目提供了坚实的基础。
kouto swisskouto swiss是stylus的一个完整的css框架,它为您提供了大量的mixin,函数和实用程序来加快编码速度,还包括caniuse网站的强大功能,使您的样式表符合您的兼容性需求。
松饼本身并不是一个框架,但仍值得一提的是,muffin是一个专注于前端web设计的模板,用于使用sass和jekyll来静态站点。muffin利用bootstrap,boilerplate,inuit.css和其他库文件的常见做法,让您直接进入编码领域。
偷偷摸摸的cssfurtive是移动优先的框架,占地面积非常小。这个框架并不担心旧版本的浏览器,这意味着它可以使用像flexbox,svgs和有限的供应商前缀这样的尖端技术。它也可在scss,css中使用,并附带一个用于定制构建的gulp文件。
webplatewebplate框架包括一切功能,从健壮的响应式布局引擎到全局按钮元素,可自定义的表单以及对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是基于移动优先响应式设计的轻量级框架。该框架预先构建了几种可互换的颜色主题,既有闪亮又平淡的风格。目前,基本颜色是银色(默认),蓝色,绿色,橙色,红色,紫色,酸橙和龙柚。
typebasetypebase.css是一个最小的和可定制的css排版样板文件。typebase.css给你的最重要的事情是在大多数设备屏幕上实施垂直方式,从而确保跨列和长副本的文本不会不均匀。less和sass版本都可用。
海鲜使用sass构建的hoisin是一个简单的响应式前端迷你框架,它被创建为更复杂和更臃肿的前端框架的替代品。它故意不包含任何组件,而是专注于为您提供一个有组织的基础,您可以从中创建自己的库。
可爱的网格cute grids是一款移动优先的12列响应式网格系统,诞生于当今大型过度构建的框架的挫败感,对大多数项目来说这些框架可能过度使用,并限制了设计师的创造力。
轻而强大使用任何类型的框架的重点都是让你的工作更轻松。因此,不得不重新安装一堆css,或者加载一些你甚至不会使用的脚本似乎违背了所有的逻辑。
使用上述更基本的框架之一可以让您快速入门,而不会遇到任何麻烦。而且,由于它们中的一些使用了模块化方法,因此您只能挑选某个特定项目所需的项目。这还差不多!
上一个:怎样做出富有活力的网站设计?
下一个:暂无
武陟网站建设,武陟做网站,武陟网站设计