整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
天早上在微博上看到@前端农民工 发了条关于前端工作细分的微博，大意是说将前端的工作细分为页面重构(html/css)和js开发限制了工程师的发展，而且页面功能模块的开发维护也会变得割裂，一定程度上限制了js和css的配合方式，公司不应该这样做。
然而，事实上很多互联网公司前端团队就是这么干的，包括我们团队，今天就来探讨一下这个问题，看看很多公司为什么要把前端工作细分，把前端工作细分有什么好处，能为我们解决那些问题。
首先我们明确一下前端岗位职责的问题，前端岗位的输入是UED部门给到PSD效果图、后端研发给到API，输出产品成品。也就是说拿到UED部门给到的PSD效果图做成HTML、CSS，再拿到后端研发给到的API，完成前台逻辑、前后端数据交互及其他JavaScript开发，最终产出产品成品并提交给测试。
由前端的岗位职责我们可以看出，前端工作可以分为两种，一种是偏静态，即HTML、CSS开发，一种是偏交互，即JavaScript、前台逻辑和前后端交互。这两种工作对人的要求是相差很大的，偏静态的可以不涉及太多编程和逻辑，但要求心细、能把握细节、对视觉体验非常敏感、对用户体验有一定的理解、能忍受IE6等浏览器带来的痛苦、能持续学习，而后者对JavaScript要求较高、要有一定的编程能力、熟悉前后端协作模式、熟悉HTML和CSS、有一定的前端架构能力。
从公司组建团队的角度来说，要找一班优秀的full stack前端工程师，是有一定难度的。比如我们鑫合汇前端团队，现在一共7个人，如果我们要求每一个人都写HTML、CSS、JavaScript、前台逻辑、前后端交互，并且都产出可维护的高质量代码，对很多人来说做到没问题，但你知道要招到那么一班人有多难吗？现在市场上本身优秀前端就相当奇缺，对于一个BAT以外的互联网公司来说，也许1个月都招不到1个让你满意的人，然而，如果我们换一种方式，找几个偏静态的，找几个偏交互的，相对来说，难度就小了很多，也许原来4个月都很难招到那么一班人，现在不到2个月就办到了。千万别小看这一点，对于很多互联网公司来说，速度就是生命，不能迅速组建好团队并快速将产品推向市场，也许就意味着完蛋。
从公司用人成本的角度来说，将前端细分为偏静态和偏交互，能节约一笔开支。对每一个人都是高要求的话，自然成本要大一些，然而，如果把人员的要求都相对降下来了，成本自然也就降下来了。
从团队效率上来说，将前端细分为偏静态和偏交互，是高效的。打个比方，团队有50个页面要做，一共有5个人，是每个人做10个静态页面，并实现所有的JavaScript、前台逻辑、前后端交互效率高？还是2个人做所有的静态页面，3个人完成JavaScript、前台逻辑、前后端交互效率高？肯定是后者，专注于做静态页面的同学可以做到平均一个页面45分钟完成，但如果全部都做，是很难做到的，并且写JavaScript效率也变低了。
从团队技术管理的角度来说，将前端细分为偏静态和偏交互，人员相对易于管理，而且更容易产出可维护的高质量代码。偏静态的几个人可以致力于将静态这一块做到极致，偏交互的几个人可以致力于将交互做到极致。
从个人职业上来说，将前端细分为偏静态和偏交互，降低了前端职位的从业门槛，有了一定技能的时候更容易安定下来。
有人说前端细分这样限制了JavaScript和CSS的配合方式，以我们鑫合汇团队的实践经验告诉大家，JavaScript和CSS的配合没有问题。
有人说前端细分限制了工程师的职业天花板。这个在某些情况下是成立的，但是个人的职业天花板更多的还是由人本身决定的，一个对职业有追求的人，会想方设法让自己的路越来越广。马云以前是英语老师，现在是中国首富，我初二的语文老师以前是挖煤的工人，主要还是由人本身决定的。当然如果你想在你们团队中静态和交互都做，也很简单，据说腾讯有的团队就可以轮岗，干几个月Node.js、再干几个月做静态页面，你在你们团队中提出来，我相信你们老大会同意，只要不在项目非常紧急的时候。
我们程序员都希望自己能掌握更多的技术，精通前后端等所有技术，打败Google，征服世界，相信我们程序员的思维是值得所有人尊敬的！
最后再来个总结吧，(*^__^*) ，将前端细分为偏静态和偏交互，顺应了互联网企业的发展需求，是今后的必然趋势，无人能打败的趋势！
作者：Hoogle ；转载自：简书
管是设计、文章配图，还是视频制作，图片都至关重要。当然还有做PPT的、找壁纸的、换头像、换空间背景的，设计师找素材的等等众多需求，之前天弟也推荐过一些不错的图片资源站点，今天再把这些站点精选一下，让找图片不再难！
1、PickPik
PickPik是一个由AI智能分类的无版权图片分享网站，为了获得更好的搜索结果，该网站中的每张照片都是手动命名，并且该团队还开发了一个智能AI神经网络来对每张招聘进行美学评分，只有评分最高的图片才会在搜索中展示。
该网站上的所有图片几乎都可以用于任何商业设计项目，包括网页设计、应用程序设计、wordpress主题、PSD和HTML模版等，博主和社交媒体团队都可以免费使用这些图片。
2、UnSplash
UnSplash免费高清壁纸分享网是一个坚持每天分享高清的摄影图片的站点，每天更新一张高质量的图片素材，全是生活中的景象作品，清新的生活气息图片可以作为桌面壁纸也可以应用于各种需要的环境。
UnSplash网站上的图片大又清，适合各种使用。进入网站点击图片下载高清版；另外，由于网站使用的链接被墙，所以 ，想要下载高清图片的话就得翻墙或者使用代理工具了。
3、PixaBay
PixaBay免费高质量图片素材分享网是一个提供无版权图片素材的图片提供商，不论数字或者印刷格式，个人或者商业用途，您都可以免费使用本网站任何图像，并且无原作者署名要求。
寻找免费且高质量的图片是件单调乏味的任务-主要是源于版权问题，署名要求或者仅仅是图片质量不够。因此我们深受启发而创立了Pixabay，一间超高质量无版权限制的图片的贮藏室。
Pixabay推出手机App 找图，支持iOS、Android 两大平台，Pixabay 手机应用功能非常简单，你可以把它想像成是一个无限大的相册，里面有非常大量图库素材，通过手机滑动来快速切换浏览，也能通过搜寻方式输入关键字来找出相关图片。
4、FoodiesFeed
FoodiesFeed 免费食品素材分享网是一个提供丰富的免费高分辨率食品摄影图片的站点，每周至少更新5张。可下载和用于任何个人或商业目的;只要类别有早餐、咖啡、烹饪、水果、主菜、甜品等等。
FoodiesFeed素材网站由23岁的捷克人Jakub创办，他居住在捷克的布拉格，有人肯能会说他是个美食家，于是创建了这个美食图片网站，他不仅是一个位美食家也是一位食物摄影爱好者，虽然是业余的，不过不影响他拍摄美食素材分享给其他用户。你可以通过邮箱来订阅该网站的内容，每周获取免费的美食类素材。
5、StockSnap
StockSnap 免费图片素材高清资源库是一个提供可自由下载使用的高清晰摄影图片作品的素材库，所提供的资源相当实用，该网站由多位摄影师组成，提供丰富的免费照片，随意使用无需经过授权。
StockSnap网站的设计其实非常简单，其宗旨就是希望能为寻找美丽图片的使用者提供一个完整且丰富的图片素材资源库，网站每天都会有摄影师上传发布作品，找出高品质、高清晰度的照片并更新到该网站上来，让更多的人去免费使用。
信ID：WEB_wysj(点击关注) ◎ ◎ ◎ ◎ ◎◎◎◎◎一┳═┻︻▄
（点击页底“阅读原文”前往下载）
● ● ●
各个领域的专业人士有个共同之处，他们总是在寻找各种方法和工具来改善自己的工作。他们探索的越多，就做的越好，做的越快。对于网页设计师而言，同样是如此。
高素质的网页模板，更加有效的项目管理工具，丰富的设计灵感来源，实用可靠的生产力工具，这些都能从不同的层面加速你的网页设计项目。也许今天推荐的网站和工具中，有不少你听说过，甚至已经开始使用了，但是有些可能是你一直在搜索的。
如果你是刚刚开始了解用户体验这个领域，那么这本书是个不错的入门资料。超过170页的技术和实战技巧，这本书涵盖了这个领域最基础最核心，同时也是相当实用的知识，它值得你第一时间入手学习。
所有的“傻瓜”系列图书都是相当优秀的入门图书。这本的主题是 WordPress ，如果你是一个Wordpress 用户，这本书能够让你更快更好地实用这套系统。内容总体上是友好而易懂的，有提示有技巧，帮你更上一层楼。
这是Visual Hierarchy 所提供的一个免费设计资源合集，和其他的设计资源不同，这个合集中内容的挑选更加“个人”。如果你需要的只是几个免费字体，一套图标，几份视觉稿，也学这个200+免费资源的合集正好能够满足你的需求。
有一部分设计师喜欢将自己搜集的素材分享出来，还有一些设计师则更喜欢分享自己的设计作品。这个UIKit 设计项目来自Dribbble，其中每一个iOS UI的设计都相当的细致，值得收藏学习。
Proto.io 是一款强大的原型设计工具，让你可以在几分钟内创建功能丰富功能完备的交互原型，无需编写代码。同时它还是一款协同工具，可以让团队成员、客户和利益相关者都参与到项目当中来，在设计过程中实时分享设计原型。
如果你更习惯使用PowerPoint，那么你应该会喜欢PowerMockup这个工具。作为一个PowerPoint 的库，你可以使用你所熟知的PPT来快速搭建一个桌面端或者移动端界面的原型，简单的托拽就可以搞定一切，有了它，展示起来也更加便捷。如果你愿意添加自己定制的形状和控件，你还可以同其他的PowerMockup 用户进行分享哦。
许多服务都能提供PSD转代码的功能，诸多服务当中 PSDgator是佼佼者。它不仅可以将PSD转化为响应式的HTML5/CSS3代码，还能识别 Sketch和AI的文档，而这些设计稿还能有针对性的转化为 Jquery/JS 代码，甚至带有视差效果。PSDgator 可以应对不同的需求、不同类型的项目，包括制作Wordpress主题。
PSD2HTML® 是一个专注于数字化、营销和设计的Web前端开发公司，他们在PSD转HTML这个领域深耕长达11年，目前团队成员多达472人。他们能够为你提供的代码足够专业，质量一流。
如果你需要将PSD/Sketch转为HTML，需要邮件系统，BootStrap，或者CMS系统，那么The SiteSlinger 能帮你解决这一系列的问题。The SiteSlinger 的团队是一个结果为导向的开发团队，你所需要做的就是联系他们，提交你的设计，剩下的就由他们来操心吧。
我们曾经推荐过 Be Theme 系列主题，这个团队提供了超过200个预搭建网站，超过40项核心功能，覆盖的网站类型非常的全面。如果你需要特定功能的Wordpress主题，就去挑一个吧。
如果你更倾向于功能完备可以自行定制的主题的话，那么这个几乎在ThemeForest 平台上近乎登顶的X Theme 可能就是你的菜。X Theme 严格按照目前最高的标准来开发，基础扎实，设计创新，功能也足够前沿。最重要的是，围绕着 X Theme 有一个完整的用户社群，你可以得到最全面的帮助。
Shopkeeper 是 ThemeForest 平台上的另外一个热卖的电商类主题。这个主题为你提供了足够优秀的用户体验，并且沿着WooCommerce的思路来进行整体的设计，它能让用户近乎无障碍的使用，并且内置了漂亮炫酷的主题。
XStore 是一款迷人而小巧的主题，简单看看他们官网上提供的演示模板就能体会到这一点。主题中所使用的特效被广泛使用，但是在这里用的恰到好处，不显累赘。
Webydo 为专业的网页设计师提供了无缝的网页设计体验，并且无需使用代码。Webydo 一开始就是针对没有编程经验的设计师来研发的，虽然市场上同类工具并不少，但是Webydo 的专业性上并不弱于其中任何一款。它不仅仅是从设计师的需求出发，而且便于结算，还提供了整洁的控制面板和专业的客户端，以及强大无比的内容管理系统。如果你是设计师，也许Webydo 就是你梦寐以求的那个工具。
XPRS 也是一款网站搭建工具，它会让你的网站搭建像乐高一样简单好玩儿。XPRS 让你告别复杂、混乱、昂贵的开发过程，优秀可靠的设计和可靠的托管服务，加上简单易用的集成编辑环境，还有什么样的Web项目搞不定的呢？
wpDataTables 是一个表单和图表相关的插件。Wordpress主题中最麻烦的东西应该就是表单和图表了，尤其是当它们还需要跟着页面一起响应式地联动的时候，效果相当不可控。而这个插件就很好的解决了这个问题，即使数据量很大它也能Hold得住。
也许你一直解决不了的问题能借助W3 Total Cashe搞定，满足客户对于网站浏览速度的需求。它提供的用户体验也许一般，但是它确实能让网站的相应速度和交互效率提升到一个新的层次。它能提升服务器性能，减少文件下载的时间。
PhotoSpin.com 提供了数以百万计的图片，其中图片都已经被精心分类，并且每张图片都提供了不同的尺寸供用户进行选择。这个图库的素质相当的高，不过是收费的（当然是物有所值了）。促销代码：BAW20
Stockfresh 是另外一个值得推荐的图库，实际上在国外这个网站是相当一部分设计师的图片来源。这里图片的价格相对比较实惠，类别广泛，质量也足够上乘。收费方式也相当灵活，定期会有促销活动。
目前InVision 是最热门也是最有影响力的数字产品设计原型设计和协作平台，包括Adobe、Google、Facebook在内的许多知名大公司以及先锋的创业公司都在使用InVision 作为协作平台。无需代码，在原型设计阶段，团队成员可以在这个平台上更加频繁自由的进行设计、协同和反馈。
你的设计工具能够很好的帮你完成原型设计，搞定网页、APP的设计，但是你依然缺乏一个协同、跟踪大型而复杂的设计项目的有效渠道，那么这个时候，你需要Azendoo。这款工具能够让你的团队和项目更紧密的结合起来，从审查、反馈到推进都有条不紊。这样一来，作为设计师的你可以更加专注于设计本身，事务上的事情更多由Azendoo来代劳。
Loop 11 可以为你的网站提供最快速最便捷用户体验测试，在它的帮助下，你再也不用在大数据和用户反馈之间进行纠结的决策了。Loop 11 所进行的测试每次会选取几百名用户，随时分析任务和执行的成功率，根据点击热图和回复来帮你更直观的了解网站的实际效果，并且可以深入到用户个人，了解他们碰到的具体问题，甚至能够导出特定用户的操作视频来进行研究。
Google Content Experiments 这是另外一个测试平台，它的A/B 测试非常有用。这个免费的测试框架已经被整合到Google Analytics当中了。它能够帮你针对特定的目标进行优化。
Coolors 是一款直观的配色工具，你可以以更加简单的方式创建色彩组合，还可以生成不同的格式，比如SVG、PDF或者SCSS，可用于Android、iOS、PS和AI等不同的平台。
Fontea 可以帮你在Photoshop中直接调用涵盖700多款在字体的Google Fonts。这款插件最大的优势是你再也不用打开浏览器找字体，而是直接在程序内调用了。
干货！免费领取腾讯高级讲师网页设计教程
点我领取
☝☝☝
关注网页设计自学平台，99%的努力都在这里
▼文件下载点击「阅读原文」噢！在群文件里哦！
*请认真填写需求信息，我们会在24小时内与您取得联系。
