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

使用质量敏感的CSS框架可以为您提供任何网页设计项目的良好开端。一些像Bootstrap一样,有些代码过多,而另外一些则需要相当陡峭的学习曲线。 理想情况下,您希望使用一个软件包,该软件包可为您提供足够的功能以帮助您实现正常运行,同时不会让您失去一大堆不需要的选项。 您也可能喜欢这些Material Desi WP网站建设

使用质量敏感的CSS框架可以为您提供任何网页设计项目的良好开端。一些像Bootstrap一样,有些代码过多,而另外一些则需要相当陡峭的学习曲线。

理想情况下,您希望使用一个软件包,该软件包可为您提供足够的功能以帮助您实现正常运行,同时不会让您失去一大堆不需要的选项。

您也可能喜欢这些Material Design Web Frameworks或这些开源WordPress开发框架。

考虑到这个目标,WordPress网站建设在这里介绍这里有20个CSS框架提供了基础知识 。

FICTOAN

FICTOAN旨在成为那些不是更大,更复杂的框架粉丝的人的绝佳选择。它具有生动的配色方案,自定义图标和大量简约风格的设计元素。

FICTOAN

雪崩

雪崩是您可以自定义以满足您的需求的框架。有可用的软件包来启用流体网格系统,偏移类,容器,垂直间距等更多特定功能。

FICTOAN

Beauter

在不到5K压缩的情况下,Beauter肯定会面临严重轻量化的挑战。这并不意味着没有功能,但是。你可以获得像响应式网格这样的基础知识,但也有一些额外功能,如视差滚动,模态,工具提示和一些漂亮的容器。

FICTOAN

香草框架

Vanilla Framework的设计非常简单,为您的项目提供了一个很好的起点。有很多容器和设计元素都包含在内,看起来不错,但也很容易定制以符合您的期望。

FICTOAN

布尔玛

基于CSS Flexbox,Bulma是一个全面响应和模块化的框架,可以让你使用你需要的东西。您可以获得Flexbox的所有优势,包括根据其编号和视口自动调整大小的列和图块。

FICTOAN

毫克

毫克级重量几乎与其同名一样小 – 压缩时只有2k。它包含您期望的所有基础知识,旨在最大限度地减少您需要重置的样式数量。

FICTOAN

InvisCss

InvisCss是作为更复杂框架的替代品而构建的。该软件包具有简单的CSS选择器名称和一个最小但有吸引力的UI。

FICTOAN

个人项目Look的结果作为一个简约的CSS框架向公众发布,作为网站开发的基本起点。设计元素很简单,可根据自己的喜好进行定制。

FICTOAN

unlimitedGrid

基于Sass,unlimitedGrid是一个灵活的,移动优先的网格框架。它是模块化的,所以你只需要使用你需要的功能。包含Flexbox支持,并有多种网格变体可供选择。

FICTOAN

重要

作为大型框架的“反向方法”,Vital既轻便又可扩展。使用Sass构建,您会发现有效的网格布局,自定义按钮和装载器。照片拼贴,卡片容器和表格等内容还包括几种有用的布局样式。

FICTOAN

PowerToCSS

基于SMACSS和DRY的原则,PowerToCSS是一个轻量级的CSS框架,为您快速开始下一个Web项目提供了坚实的基础。

FICTOAN

Kouto Swiss

Kouto Swiss是Stylus的一个完整的CSS框架,它为您提供了大量的mixin,函数和实用程序来加快编码速度,还包括Caniuse网站的强大功能,使您的样式表符合您的兼容性需求。

FICTOAN

松饼

本身并不是一个框架,但仍值得一提的是,Muffin是一个专注于前端Web设计的模板,用于使用SASS和Jekyll来静态站点。Muffin利用Bootstrap,Boilerplate,inuit.css和其他库文件的常见做法,让您直接进入编码领域。

FICTOAN

偷偷摸摸的CSS

Furtive是移动优先的框架,占地面积非常小。这个框架并不担心旧版本的浏览器,这意味着它可以使用像Flexbox,SVGs和有限的供应商前缀这样的尖端技术。它也可在SCSS,CSS中使用,并附带一个用于定制构建的Gulp文件。

FICTOAN

Webplate

Webplate框架包括一切功能,从健壮的响应式布局引擎到全局按钮元素,可自定义的表单以及对IcoMoon图标字体的支持。它也默认带有jQuery,Modernizr和Typeplate。

FICTOAN

流动性

流动性可能是有史以来最轻量级的全面响应的CSS框架!HTML几乎可以100%响应,115字节的CSS文件修复了“几乎”的部分。不能轻于此。

/ * FLUIDITY v0.1.0 @mrmrs  -  http://mrmrs.cc MIT
* /
/ *
 响应式实用程序

* /
imgcanvasiframevideosvg {max-width100%; }

/ *用这个类包装表格或pre元素在一个div中/
.overflow-container {overflow-yscroll; }

架构

构建于LESS之上的Schema是一个响应式的前端UI框架,它包含一个全面的CSS组件集合(按钮,下拉列表,表单…)以帮助您快速入门。

模式不太敏感的前端UI框架

Emerald是LESS的一款实用的响应式网格系统。它基于块元素(与浮点相反),并使用BEM语法使用OOCSS方法编写。

模式不太敏感的前端UI框架

比茹

Bijou是一个轻量级(<2 kb)响应式10列网格框架。它包含了按钮,警报,表格,导航栏,当然还有网格。

模式不太敏感的前端UI框架

基础

Base是一个语义化,轻量级和可扩展的框架,允许您使用自己的宽度,列,排水沟,偏移量和填充来创建流体和固定网格。它包含按钮,表单和菜单组件,还包含一组用于CSS3属性,动画,渐变和一些实用混合的LESS mixins。

模式不太敏感的前端UI框架

火花

Spark是基于移动优先响应式设计的轻量级框架。该框架预先构建了几种可互换的颜色主题,既有闪亮又平淡的风格。目前,基本颜色是银色(默认),蓝色,绿色,橙色,红色,紫色,酸橙和龙柚。

模式不太敏感的前端UI框架

Typebase

typebase.css是一个最小的和可定制的CSS排版样板文件。typebase.css给你的最重要的事情是在大多数设备屏幕上实施垂直方式,从而确保跨列和长副本的文本不会不均匀。Less和Sass版本都可用。

模式不太敏感的前端UI框架

海鲜

使用Sass构建的Hoisin是一个简单的响应式前端迷你框架,它被创建为更复杂和更臃肿的前端框架的替代品。它故意不包含任何组件,而是专注于为您提供一个有组织的基础,您可以从中创建自己的库。

模式不太敏感的前端UI框架

可爱的网格

Cute Grids是一款移动优先的12列响应式网格系统,诞生于当今大型过度构建的框架的挫败感,对大多数项目来说这些框架可能过度使用,并限制了设计师的创造力。

模式不太敏感的前端UI框架

轻而强大

使用任何类型的框架的重点都是让你的工作更轻松。因此,不得不重新安装一堆CSS,或者加载一些你甚至不会使用的脚本似乎违背了所有的逻辑。

使用上述更基本的框架之一可以让您快速入门,而不会遇到任何麻烦。而且,由于它们中的一些使用了模块化方法,因此您只能挑选某个特定项目所需的项目。这还差不多!

原创文章,作者:网站建设,如若转载,请注明出处:https://www.davidwu.net/archives/10453

WordPress安全防护插件
服务项目 服务内容 收费标准(元)
开发定制 WordPress主题/插件开发定制 (以最终需求为准)
主题/插件汉化 汉化团队WordPress主题/插件,翻译率95% (以标的主题/插件的句子数量为准)
服务器环境配置 基于您现有服务器,搭建配置网站运行环境,结合我们多年来实战经验,可完美支持WordPress等PHP程序运行,并配置伪静态规则、优化目录权限等问题。服务器我们强烈推荐使用Linux系统。 100元/次
网站托管 若贵站目前尚无技术人员,无法完成服务器环境配置,可选择我们的网站托管服务,直接交付正常运行的WordPress站点,并且无需担心服务器的后续维护工作,一切都由我们来帮您完成。 标配套餐:1000元/年/站点 高配套餐:联系客服获取
网站加速优化 从服务器后端配置优化到WordPress数据库缓存、前端页面缓存、JS和CSS压缩合并,全方位优化网站加载速度,实现秒开。(此服务仅针对(云)服务器/VPS) 500元/次(仅站内优化200元/次)
主题配置 本站所有主题均支持,可快速实现,若有任何问题可以咨询客服解决,若您希望我们提供配置服务,可选购此服务。 英文主题安装 60元/次 汉化主题安装 30元/次
HTTPS配置 HTTPS已经不断普及,并且有着更高的安全性以及SEO上的优待。该服务收取的为服务费,SSL证书产生的费用请自行承担。 100元/次
网站搬家 迁移网站所有文件和数据库信息、网站相关配置的调整、以及迁移中的疑难问题故障排除。 标准收费:500元/次 若网站数据量大,需协商
网站运维 提供整站的运维服务,保证网站正常运行。包含:网站故障定位及排除、网站数据备份和恢复、网站攻击及木马等问题的处理等 标准收费:2000元/年 IP 5000以上需协商

发表评论

电子邮件地址不会被公开。 必填项已用*标注

51建站客服微信二维码
点击这里购买