web前端：2016年前端开发的10个趋
这个暑假干吗呢宅是的，是的，没听错，在家就可以提升自己的能力，既凉爽又提升能力！点击文章底部浏览原文，便可享受免费试听课程91.2%的人已前往注：（如有同学看文字看不懂，点击浏览全文，便可进入“动次打次”视频教程）随着年的到来，许多新的设计趋势都渐渐掀开了它们神秘的面纱。页设计领域总是在不断地变化，新的工具、工作流程、有助于开发的有用布局层见叠出。
我们很难精确预测甚么潮流会引导新一年的风向。而且近期的历史现象表明趋势会像野火一样燎原。我总结一些年独特的，有可能延续到年的发展趋势。
1.用于UI设计的SketchappSketch正在迅速取代Photoshop，用于从低保真线框到高保真模型和设计图标的所有的UI设计任务。
Sketchapp是一个专为web和移动设计人员制作的Mac应用程序。它的功能，灵活性和速度满足了你对一个轻量级，易于使用的软件包的想象。有了这个app，你就可以专注于创作最好的设计了。
它提供了一个顺畅的工作环境，为任何界面提供工艺化的矢量元素，而且还有你想从Photoshop得到的许多功能，如文本效果和图层样式。
如果Sketch能够继续提供最好的UI设计体验，那末它在年及以后必定还会继续保持光辉。
2.基于浏览器的IDE桌面IDE已存在了几十年，从Notepad++到Xcode和VisualStudio。IDE通过提供建议和语法高亮等功能使得我们可以更容易地编写代码。在IDE中写代码非常简单，而且很易于浏览。
但传统的IDE是作为桌面应用程序发布的。从过去的几年里，基于浏览器的云IDE产生了戏剧性的变化。除web浏览器，我们不再需要任何软件，由于浏览器允许装备操作来自于任何有互联接入的计算机的代码。
云IDE的功能更像是web应用程序，你可以保存代码到你的帐户进行同享或个人存储。CodePen是目前最流行的IDE，支持HTML/CSS/JS，具有像Jade/Haml和LESS/SCSS一样自定义的预处理。
CodePen主攻web前端。它可以显示你最近的创造，并从其他络资源上得到反馈。为恼人的bug建立一个测试案例。你还可以从CodePen上为你的项目找到设计模式和灵感。
rdlayouts（卡片布局）站的卡片布局在几年前通过Pinterest而普及，从此成为了内容繁多页的趋势。免费插件，如jQueryMasonry可用来模仿这类布局风格，它的动画卡片可适应不同的高度和宽度。
卡片布局最合适用在信息很多却又希望能被阅读的页面。GoogleNow就使用卡片布局来为它的app做广告。
你可以将卡片式布局看成是很多动态的格，格中只出现最简明的重要内容，这些内容条目组合在一起就构成了基本的列表。杂志就是完善的例子，如UGSMAG和TheNextWeb，就使用了卡片布局来展现其最新晓得帖子和内容。
4.自定义的解说视频形状各异的组织都趋向于自定义解说视频。使用动画，例如CrazyEgg来制作这些视频。即便如此，不同的视频依赖于真正的镜头，例如InstagramDirect。
解说视频的目的是说明产品或服务是如何工作的。访问者有可能在阅读了一系列功能以后，仍然不知道如何操作这个产品。而可视化的视频则可以在短短几分钟的时间内逐一说明功能，并涵盖所有重要的内容。最关键的是人们喜欢观看视频而不怎么喜欢浏览文章。他们可以很容易地从视频中明白你想表达甚么。
如果你想自己尝试做一个自定义的解说视频，那末可以浏览Udemy课程。这是一个侧重登陆页面设计视频讲授的深入学习课程。Udemy课程不单单说明了如何使用动画视频软件，它也会告知你如何使用视频来吸引和隐蔽访问者。
5.实况产品预览登陆页面设计因络速度的提高和浏览器功能的扩大，而产生了令人难以置信的改变。我注意到一个重要趋势是，就是主页或自定义登陆页面增加了实时产品预览。
以Slack的产品页面作为例子。一个视频演示和矢量图形覆盖了它的界面。这些产品预览是让潜伏用户第一眼就知道产品是如何操作的。
不只是消息，所有的文件，图象，PDF文件，文档和电子表格都可以放到Slack，和你想要分享的任何人同享。你可以添加注释，标注星号供以后参考，这一切完全都是可以搜索的。
6.自动化任务运行器前端开发的世界，随着一堆针对站创新而出现的新的最好实践，产生了巨大的改变。任务运行器/构建系统，例如Gulp和Grunt，替换了之前事前需要大量手动去完成的任务，愈来愈被我们广泛使用。
自动化是快速周转和高质量代码的命根子。尽人皆知，机器不会出错，所以自动化程度越高，产生的问题越少。
这些工具基本上运行的是JS代码，可以自动化实现部份工作流程——无论是自定义的JS代码还是其他人写的脚本。
7.用于设计的协作工具即时消息和群聊已出现了10多年。人们喜欢这个功能，并在今后他们可以继续使用此功能。但是，这些资源在传统上依赖于纯文本附加文件的一些功能。
但是，我们在讨论的是未来，未来一个新出现的趋势是，在聊天应用程序中同享实时设计文档。Notable就是其中一个例子，创新和注释可以被分层在文档的顶部。通过快速迭代它提供了更好的界面。从草图到完全编码的页，Notable让团队在设计进程的每一步得到更快的反馈。
Slack是当下最流行的聊天应用程序，支持许多类似的功能。
8.响应式前端框架前端框架，例如Bootstrap，已存在了相当长的时间，并将继续展现其价值。响应式设计，受其成为框架方式的制约，可以成为前端代码，而不是仅仅只是后端（Django，Laravel，等等）。
迈入年，我认为我们会浏览到更多关于响应式前端框架和它们在web项目中的价值的内容。并且在接下来的一年时间里，可能会发布很多前端框架的app，比现在的功能更强大。许多装备正在急切等待Foundation6和Bootstrap4公共V1版本的发布。
9.更
白殿疯病传染吗有什么方法治白癜风