最流行的几个Web前端框架-PHP头条-PHP中文网QQ群微信公众号还没有收藏最流行的几个Web前端框架作为一名前端开发程序员，学会运用一个好的web前端框架是很重要的一件事情，一个好的web前端框架，会让你的工作效率大大增加，也会让你的开发变得很顺利。本篇文章，我们将介绍2017年当下最值得你关注的前端开发框架，每一个框架都拥有独特的样式，帮助创建网格布局，按钮，表单或者其他页面元素。希望能帮助到大家。Bootstrap几乎每个开发人员都知道来自Twitter的开发框架-bootstrap。 它可能是最老牌的前端UI框架之一，最早版本发布于2011年。 它包含了一套完成的SASS类库，可以帮助自定义UI和JS组件，方便的来开发各种导航，进度，按钮，面包屑导航等等最近的一个版本Bootstrap4目前正在开发过程中，应该很快的发布。 对于bootstrap3来说，将是一个很大的改变。Foundation6Foundation类库已经有些年头了，最近将有一个大的版本更新，并且类库被分解成两个主要的类库： 网站开发类库和邮件开发类库它提供了一个最小化的UI框架，可以用来开发任何布局类型，并且完全的掌控各种页面的相关组件，比如， 响应式菜单，输入框，标签页等等它同时提供了一个可以方便的浏览UI组件的网站。 并且支持主流的web开发工具，例如，Grunt/Gulp，npm和SASS/compass等等Petal最新的CSS相关web开发框架，基于LESS。这个类库非常简单，目前版本0.6。但是是一个完全可以应用到实际开发中去的框架。拥有非常清楚的文档，例如，网格，字体，按钮，输入等等Petal的开发团队不是很大，但是有非常高的产出。相信2017年中会成为一个拥有一席之地的知名框架Pure CSSPure CSS拥有模块化的设计。 拥有非常多的针对不同组件的小型类库，例如，表单，网格，图表，导航按钮等等你可以自由的选择使用多少类库。 基础类库使用了Normalize及其其它的简单重置CSS来创建统一的UI界面效果。但是你可以添加自定义的Grid来节约开发时间所有的类库都可以使用工具来融合并且最小化。并且团队提供了一个简单指导来帮助创建扩展类个人觉得Pure将会成为类似Bootstrap一样成功的框架。虽然在很多博客中并没有大量提到，但是绝对在你的最佳框架中，它应该有一席之地Semantic UI这个框架目前是2.2版本，拥有很多典型的特性，例如，网格，类型，颜色和输入等它提供了自定义的主题，拥有超过3000的不同主题类型。并且提供了模拟Google，Amazon，Twitter等网站风格的主题，你也可以方便的克隆并且编辑你可以从现成的布局中选择并且作为自己的开发模板。Semantic UI拥有很多自定义的元素，你会发现这些设计都非常的与众不同Milligram极简设计风格的类库，如果你寻找超小类库的话，它是个非常不错选择，只有压缩后2kb大小非常简单漂亮的项目，目前版本1.3，稳定并且可以进行实际的开发。你可以使用npm，Yarn，Bower等安装，但需要Normalize，所以你需要包含这个类库使用CSS压缩工具，可以将它合并到一起，用以节约Http请求次数唯一不是很友好的就是文档。当然，如果你能使用好文档的话，使用Milligram将是非常简单的一件事Vital CSS另外一个极简的UI框架，支持SASS，学习极其简单组件页面介绍了你需要了解的全部内容。如果你需要一个超简单的CSS框架来开发新的项目的话，它绝对可以满足你的需求，如果你想深入了解，可以参考一下这篇来自Vital CSS开发团队的博客Skeleton响应式，超轻量级并且超简单的框架。提供了开发新网站必备的基础架构包含一些基础的样式，但是没有太炫的内容。实际上你可以快速简单的修改框架来满足自己的需求Skeleton是最稳定并且小型的框架。这里有个演示页面。UI Kit一个功能丰富的前端类库。 拥有很多的可选文件和文件夹，CSS是样式，images是图标，js是javascript插入页面后，每一个js都可以关联到DOM元素和组件，这让你方便的和其它类库整合，例如，vue或者react同时也可以使用这个类库来设置和创建UI组件。文档页面包含了很多例子帮助你常见网站MaterializeGoogle的material design已经成为了他们产品的标准。慢慢的影响了web设计世界，例如Materialize这个免费的开源框架将material设计带到了下一个层次，最简单的方式来创建纯material风格的页面，无需自己编码提供了纯CSS的类定义，javascript类库和组件。你可以在这里看到一些实际例子。这几款web前端框架各有各的优势，总有一个适合大家，希望本篇文章能帮助到你，让你的工作更加高效率。相关推荐：共3篇839点赞收藏分享：.php.cn&猜你喜欢PHP中文网：独家原创，永久免费的在线，php技术学习阵地！
All Rights Reserved | 皖B2-QQ群:关注微信公众号UI头条-UI设计师的头条文章!1被浏览8分享邀请回答0添加评论分享收藏感谢收起简评《今日头条》App
《今日头条》作为新闻类App的排头兵，用户量超过1亿。它有什么优点让这么多人喜欢？
不管是传统媒体如人民日报、三联周刊，还是网络媒体如网易新闻、腾讯新闻，各家媒体都有自己的新闻类App。但除了这些提供自有内容的App，我们日常看新闻也会用到RSS订阅软件，比如zaker，鲜果联播等等。今天我就要选择RSS新闻软件中的排头兵——今日头条，来分析一下它的过人之处，以及它仍需改进的地方。&&首先，我们打开App，起始页就让我眼前一亮。艾玛，提供这么多种登录方式，而且还这么大，占了起始屏幕一半的空间。我的第一反应是，好像从没看过哪个App把登陆放到起始页吧，即使是QQ和各种手游也没把登陆框放到起始页呀。这种做法足以见到今日头条对用户黏度的渴望，也看得出它对用户喜好的尊重。作为一个新闻类App，今日头条清楚的认识到每个人喜闻乐见的新闻种类是不同的。比如我就喜欢看体育新闻，家里电视常年播放中央5台；而一些老年人关心时事，看到的新闻都是国内外政局时事。这就要求一款新闻类App记住用户的喜好。用户登录了今日头条，意味着每次使用今日头条，软件都会记录用户的使用习惯，观看哪种类型的新闻时间最长，以后每次登陆之后，就向用户推送相应类型的新闻。这样可以大大增加用户黏度。&&《今日头条》做的很好的另外一点在于其善于倾听用户的反馈。我们看到在主页上，每条新闻的右下角都有一个叉号，点击叉号会弹出一个小的调查框，询问用户不喜欢这条新闻的原因有哪些。我认为这个做法是非常聪明的。我打开了另外几个常用的新闻类App，它们都没有这个小功能。而这个小功能不仅可以让软件记住用户的习惯，更可以让《今日头条》本身的内容得到不断的优化，做到“吾日三省吾身”。其他软件可以通过点赞和回复的方式捕捉新闻热点，而今日头条不仅可以做到捕捉新闻热点，更能做到用户不喜欢的新闻，我们就可以少播，甚至不播。除了以上两点在功能上的合理之处，今日头条的用户交互也显得非常简洁。首先，首页的菜单栏只有1条，用以选择新闻的类型，而软件底部并无菜单栏。这比很多其它的软件都要简洁。其次，软件的菜单层级非常少，交互逻辑更加简单，基本呈现在主页，向左右滑动就可以切换到不同的新闻主题。&点击左上角的个人中心，就有各种个人设置等常用功能；而点解右上角的频道排序，就可以手动添加和删除自己喜欢的新闻类型，十分的直观。而刷新新闻内容的操作可以直接点击顶部“今日头条”的Logo，非常的直接。所有常用的操作基本都在主页，而又能做到不杂乱，易上手。以上三点就是我在使用了《今日头条》App之后的一些感受，当然了，好的App用户交互固然重要，但更加重要的是App的内容。我们也希望《今日头条》App能够越做越好。最后，如大家有不同的观点，欢迎相互交流。
打开微信“扫一扫”，将本文章分享到朋友圈
快给朋友分享吧！
11人已收藏
Ctrl+Enter
你的打赏就是我的动力！
悄悄说，听说打赏的人收入都比我高，不信你试试。
注: 打赏金额随意，完成后，请手动关闭本窗口。
Ctrl+Enter
您将要删除您的普通推荐大作
简评《今日头条》App
在她入驻到UI中国的日子里
总共吸引了5214位设计师的驻足流连
总共收获了24位设计师的由衷赞赏
总共获得了11位设计师的悉心珍藏
总共引起了2位设计师的深入讨论
依然要删除吗？}