深圳网站设计制作欣赏

将想法与焦点和您一起共享

深圳网站建设设计 深圳网站优化排名 深圳网站设计制作欣赏

8个令人兴奋的开源框架

2017-07-14  阅读: 深圳网站建设设计

8个令人兴奋的开源框架

深圳网站建设每个CSS开发者应该知道深圳网站制作看它能提供什么。这彻底改变了样式表CSS的超集就像jQuery JavaScript的革命。
并与众多CSS的UI框架我们也有标准/萨斯前端框架。这些大部分都是很新的但很快获得牵引。
我们策划的9个最好的免费的标准框架在这里,所以如果你是一个非用户的话,你一定要检查这些了。


1。Bootstrap样式的前端框架
这个该框架被吹捧为一个市场上最轻最小的组合框架。目前在V2.0它重达37kb。
这可能不是字面上的最小的选择,但即使缩小的Bootstrap样式表总计~ 120kb所以塞拉利昂很轻。这也是由单独的文件进行混合,按钮,表格,字体,和其他常见的网页元素。
这个文件分离是SASS开发标准和使你的工作更容易,当定制框架。


2。Dropbox的前端框架
在Dropbox的团队组建自己的前端框架小型摩托车。这是一个比最简单多了因为这是前端原型创建。
Dropbox其实有很多开源的东西在GitHub上包括自己风格指南格式化CSS /标准代码。这一点可以证明非常有用的资源,如果你想进入滑板车和修改默认的源。


3.es2016和flexbox
些更详细的你可以试试开球图书馆这是一个蔬菜基地,有自己的命名规则添加新的变量。但开球和一点点的一切从CSS网格更复杂的js组件的所有交付与维护gulp.js。

如果你不已经用大口然后这个框架有一点点学习曲线。但整个代码库很未来的中心与焦点es2016和flexbox。
这是一个只有8.6kb和微不足道的2KB的JavaScript的CSS样式表非常瘦。启动是指作为一个样板,它仅仅是一个起点,所以你可以建立一些纤细的或详细的必要的任何项目。

8个令人兴奋的开源框架
4。一个CSS框架实现
大家都知道谷歌的材料设计而如何快速传遍互联网。这导致许多开发者创建自己的样式以模仿谷歌的指南和一些样式表是免费在线。
实现一个例子是一个CSS框架/萨斯专谷歌的指导方针。该框架的技术仍然是测试版本,在本文写作0.9。
但我认为这是足够完整的生产网站还有SASS正确选项的介绍页面。所以你可以下载基本的CSS、JS文件和CSS + SASS的进一步发展。
这是如此受欢迎,它是可用的在CDN所以你甚至不需要下载CSS局部。

8个令人兴奋的开源框架
5。用户界面工具包restyles
这个是骗人的框架不考虑本身的框架,而是一个启动器套件设计新的项目。
这个用户界面工具包restyles所有默认的HTML元素的网页上,它配备了一个很好的响应网格将这些元素。当然,整个事情依靠Sass使开发过程更简单。
Hocus Pocus给人的感觉更像是与引导。你不会用这个直接在网站直播。但你会以此为出发点,原型和快速构建思路。虽然它能很好地工作,因为它太基础规范。
从前期风格的表格按钮和自定义表单元素,Hocus Pocus增加了一个简约的触摸所有的浏览器默认样式。

8个令人兴奋的开源框架
6。Gridle的框架
这个Gridle的框架是一个最可定制的标准网格框架你会发现。它采用SASS和它与自定义的混入和十几个功能专为该网格系统。
你会在找到一个实时预览演示页面,在这里免费托管在GitHub上。还有一个完整的安装指南对主要回购这包括如何从简单到更复杂的定义网格。
值得注意的是,Gridle确实需要一些现有的知识网格系统,这当然不是一个神奇的子弹。
但它会为你节省很多时间,手工制作一个网格从无到有,更不用提它的可重复使用的几乎任何项目你设计。


7。iotacss的开源框架
构建CSS的最佳方法之一是OOCSS风格这是一个对象结构在你的设计更多的类和关系而不是嵌套的特异性。
iotacss是少数OOCSS框架和它的使用很简单。你可以浏览迷你预览源代码中看到的命名约定和如何使用边界元/ OOCSS语法。

关于点唯一不同的是它不是专门的UI工具包。取而代之的是一个框架,来帮助你创建一个用户界面工具包仅通过Sass。这意味着它不是一个即插即用的解决方案,但它也提供了更多的定制。

8个令人兴奋的开源框架
8。布尔玛
现代的CSS是走向一个灵活的模块化结构与flexbox。这似乎是新的正常布尔玛领导负责。
这个免费的SASS框架让你单独与flexbox工作从头开始创建充分响应网格系统。这意味着简单的垂直和水平居中,固定高度的格子,和一大堆的默认样式。
你可以在找到现场演示主页随着安装说明在GitHub。
默认情况下,Bulma只是一个CSS文件,它甚至主办CDN免费。但开发商建议下载SASS文件和工作与变量添加您自己的特点。

8个令人兴奋的开源框架

将文章分享到..