&b&准备一份工作计划！&/b&&br&&b&相信我，超级有用！&br&不仅展现工作能力，更是体现出诚意。基本上会让90%的面试官眼前一亮。&br&&/b&&br&延伸阅读《三句话让你面试成功率提高50%！》（转载自我的公众微信号：吴寒笛可爱多）&br&&blockquote&真不是标题党，三句话听懂真能达到面试成功率提高50%的效果。&br&这些年我参与过不少面试，也面试过别人不少次。我参与的面试，基本都能拿到offer，印象中也就挂过一两次。从毕业找工作开始就被周围的人封为“面霸”，但是好多人可能都是以为我靠的是忽悠，其实是他们搞不懂面试的本质，更确切的说是不懂自我营销的艺术。后来我工作了，开始走上管理岗位了，也开始面试别人，但是大部分面试者实在太差劲了，交谈过程根本给不到我想要的东西，以至于我觉得中国的求职培训其实是很有必要的。如果你本身不太擅长面试，这篇文章教你的三句话，真的能让你面试成功率提高很多，甚至不止50%。但是希望读者们看了之后能多想一下，理清一下相关的逻辑套路，并真的把它应用到实践里面。这篇文章不是内含干货，而是全部都是干货。&/blockquote&&b&&u&1.带一份工作计划过去&/u&&/b&&br&有的人看到这点，肯定说：我X，这么麻烦！写这么多字儿带过去要是面试还没通过岂不是亏了！&br&我想说的是：工作量没你想象的这么大，你只需要根据对应的职位要求和公司情况，草拟一份工作计划带过去，让人家知道你上任之后下一步的工作思路就可以了。一方面是展现你的专业实力，另外一方面也是展现你的诚意。&br&我记得切尔西老板阿布拉莫维奇谈到当年选择穆尼尼奥来当主教练的原因时说：“面试的时候，穆尼尼奥打开他的电脑，像我展示他的ppt，从建队思路，到转会市场的规划，具体到每个位置需要怎么补强，他都事无巨细的写下来了。所以当场我就拍板要他了！”我们不一定要像穆尼尼奥那么扣细节，但是写一份简易的word版本的工作计划性价比是非常高的。如果遇到一份真的梦寐以求的工作机会，做一个ppt带过去绝对能让你魅力翻倍。&br&&br&&b&&u&2.从职位介绍，预测对方需求，并在面试阐述时尽力去迎合面试之前最好知道面试官想要什么。&/u&&/b&&br&什么？不可能？！&br&&p&其实通过招聘网站上的职业简介是可以一窥究竟的。因为我是营销人，我就以营销运营类工作为例说明一下：&/p&&p&我在拉勾网上随便点开了一个做APP的公司招聘“运营总监”的职位：&/p&比如看第一条（通常第一条也是最重要的）：以产品体验为核心，通过用户调研、反馈收集和数据分析等方式，与用户沟通，获取用户需求，提炼有效的产品和运营方向。&br&从这条里面，我们可以分析预测出几个关键点：&br&a.“以产品体验为核心”意味着：虽然你负责运营，对方希望你懂产品，并且能更多的介入到产品中(事实上很多创业公司的运营总监常常都是兼任产品经理)。这时候你就可以把之前工作经历中关于产品的工作提炼出来并且包装一下说出来。&br&b.“通过用户调研、反馈收集和数据分析等方式”这里面有个关键词是“数据分析”。要是你有数据分析的学术背景，比如数学专业出身，或者之前的运营营销工作非常依赖于数据反馈，再或者之前介入过数据分析的项目。要是都没有，你就说说你爱炒股特别喜欢看k线图的事儿，也许也能中，哈哈！&br&c.”与用户沟通，获取用户需求”这里面能拆分出好多点：比如用户调研的方法、工作经历用户视角的思维方式。这就是一个又一个框子，你要有合适的料，都可以往里面填。接下来的分析思路都类似，就不赘述了。&br&&b&&u&3.面试的本质不是一问一答，而是亮点展示&/u&&/b&&br&我记得前几年很火的魔术师刘谦曾经说过一句话：“很多人，包括职业魔术师，都误会魔术表演了。魔术的真正魅力倒不是偷梁换柱的那一刹那，而是整个魔术表演从开始气氛铺垫，到最后极具张力的释放整个起承转合的排演和演绎。简而言之，魔术师首先不是要会变，而是要会演。”我觉得刘谦说的这个思路套在面试上也是很实用的，很多人在参加面试的过程中，基本上是疲于应付面试官的问题，这是不对的。面试的真正本质是亮点展示，一问一答只是形式。你需要在回答面试官问题的过程中，尽可能展现出你本人的亮点。比如你面试上文所说的那个做app的创业公司运营总监的职位。老板可能会问你：“对来创业公司工作怎么看？”&br&一般人可能会回答：“创业公司个人自主权比较大，能力成长快，没有大公司那么多条条框框，同时我很看好贵公司的发展潜力，所以觉得这是一个不错的机会！”以上回答看似不错，但是没有展现出自己的亮点，光说对方怎么好了。理想的回答可能是这样的：&br&“我自己之前是有在创业公司工作的经历，觉得创业公司能力成长快，体制灵活，所以非常向往创业公司的工作机会。我也相信自己之前的创业公司经历能够帮我很快适应贵公司的工作节奏；同时因为我有大公司大平台的经历，所以资源相对丰富，做事也更系统化更有调理，我相信这样复合型的背景是比一般人更适合这份工作！”&br&这个套路不一定每次都管用，但以我的经验来看，每次我在面试过程中说了类似的话，对方往往都会露出疑似高潮的表情，基本都是当场拍板发offer了。&br&不过归根到底，面试技巧只是让你更好的展现自己，更好的挖掘你自己的价值以及让对方感受到。长期来讲的王道还是提升自己的能力和价值。说了这么多，如果大家觉得我说得有道理，可以整理一下相关的思路，运用到实践中。特别是最近有面试计划的朋友，这些方法真可以一试。如果身边有在找工作或者准备离职跳槽的朋友，可以把这篇文章推荐给他们。&br&&br&想了解更多面试技巧，可以在我的公众号里回复关键词：求职&br&微信公众号：吴寒笛可爱多（也可搜索whdkad）&img src=&/62a2fc20d68dbc51588f2b_b.jpg& data-rawwidth=&258& data-rawheight=&258& class=&content_image& width=&258&&
准备一份工作计划！相信我，超级有用！不仅展现工作能力，更是体现出诚意。基本上会让90%的面试官眼前一亮。延伸阅读《三句话让你面试成功率提高50%！》（转载自我的公众微信号：吴寒笛可爱多）真不是标题党，三句话听懂真能达到面试成功率提高50%的效果。…
谢谢邀请。&br&&br&我来讲个故事。&br&&br&年轻的时候，我爱上一位姑娘。&br&&br&如何追到呢？我冥思苦想，竭尽了一个文艺青年应该有的一切想象力，最终决定写一封糅合了各路前辈精华的情书。&br&&br&我这样写。&br&&br&&img data-rawwidth=&600& data-rawheight=&85& src=&/d3fec5ff9d5f4_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/d3fec5ff9d5f4_r.jpg&&&br&&br&张小红，你好哇。&br&&br&好久不见。&br&&br&或许你会奇怪，不过几天而已，怎么就好久了呢，抱歉，对于我来说，这仿佛过了几年，人的时空观便是这么奇怪。&br&&br&那日目送你回家，你走了，我却还在街上闲逛，却突然发现，我们这座城市的夜色，也颇有可观之处。我发现了一颗特别亮的星星，你若今或每夜皆能看到它,我们就可以从这颗星的微光上,仿佛更近一些.因为每夜这一粒星,必有一时同你眼睛一样,被我瞅着不放。&br&&br&不过有时候真觉得，你看星星时很近，看我时很远。&br&&br&曾听有人说，前世的几百次回眸，才能换得今生的一次擦肩，对于此，我是一向不信的，但此时却也不禁感叹，我上辈子不知行了多少善，才能在最美的年华里遇见你。&br&&br&好不容易来人间一趟，能看看太阳，和心上人走在街上，真是再好不过。&br&&br&所以，谢谢你。&br&&br&我常常自诩为一个善良的人，所以总想为别人做好事,尤其是对你。我真想把我能做出的一切好事全献给你呢。&br&&br&静下来想你,觉得一切都美好得不可思议,一想到你，我这张丑脸就泛起微笑.还有在我安静的时候,你就从我内心深处浮现,就好象阿芙罗狄特从浪花里浮现一样.你别笑,这个比喻太陈腐了,但却是我内心最真实的写照。&br&&br&所以，你应该知道我在胡说些什么了，是吗？原谅我的笨拙，本有些更好的话，可以用来形容你。&br&&br&《情人》里曾经说过：&br&&br&&br&“我遇见你，我记得你，这座城市天生便适合恋爱，而你，天生适合我的灵魂。”&br&&br&其实不如说，我心里的洞是你的形状，任何人都不能填补。&br&&br&你就像黑夜，拥有寂静与群星。&br&&br&而我，是张小红至上主义者。&br&&br&&img data-rawwidth=&600& data-rawheight=&85& src=&/d3fec5ff9d5f4_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/d3fec5ff9d5f4_r.jpg&&里面大概用了12个梗。&br&&br&我托人将这封信送给了姑娘，姑娘看了之后羞红了脸，说了声讨厌。&br&&br&然后，跑到了办公室交给了老师。&br&&br&老师便在班上读了一遍。&br&&br&这件事情之后，我成了学校里最大的文青+流氓，简称文氓。&br&&br&&br&&br&&img data-rawwidth=&600& data-rawheight=&85& src=&/d3fec5ff9d5f4_b.jpg& class=&origin_image zh-lightbox-thumb& width=&600& data-original=&/d3fec5ff9d5f4_r.jpg&&&br&&br&我来解释一下。&br&&br&【张小红，你好哇。】&br&——王小波致李银河&br&&br&【那日目送你回家，你走了，我却还在街上闲逛，却突然发现，我们这座城市的夜色，也颇有可观之处。我发现了一颗特别亮的星星，你若今或每夜皆能看到它,我们就可以从这颗星的微光上,仿佛更近一些.因为每夜这一粒星,必有一时同你眼睛一样,被我瞅着不放。】&br&——沈从文致张兆和+夏目漱石&br&&br&【不过有时候真觉得，你看星星时很近，看我时很远。】&br&——顾城《远和近》&br&&br&【曾听有人说，前世的几百次回眸，才能换得今生的一次擦肩。】&br&——席慕容《回眸》&br&&br&&br&【我上辈子不知行了多少善，才能在最美的年华里遇见你。】&br&——徐志摩《忘了自己》&br&&br&【好不容易来人间一趟，能看看太阳，和心上人走在街上，真是再好不过。】&br&——海子《夏天的太阳》&br&&br&【我常常自诩为一个善良的人，所以总想为别人做好事,尤其是对你。我真想把我能做出的一切好事全献给你呢。】&br&——王小波致李银河&br&&br&【静下来想你,觉得一切都美好得不可思议,一想到你，我这张丑脸就泛起微笑.还有在我安静的时候,你就从我内心深处浮现,就好象阿芙罗狄特从浪花里浮现一样.你别笑,这个比喻太陈腐了,但却是我内心最真实的写照。】&br&——王小波致李银河&br&&br&【“我遇见你，我记得你，这座城市天生便适合恋爱，而你，天生适合我的灵魂。”】&br&——杜拉斯《情人》&br&&br&【其实不如说，我心里的洞是你的形状，任何人都不能填补。】&br&——珍妮特 温特森《写在身体上》&br&&br&【你就像黑夜，拥有寂静与群星。】&br&——聂鲁达《我喜欢你是寂静的》&br&&br&【而我，是张小红至上主义者。】&br&——朱生豪致宋清如&br&&br&&br&然而小红妹妹没有成为我的媳妇，大概因为我不叫林小明。
谢谢邀请。我来讲个故事。年轻的时候，我爱上一位姑娘。如何追到呢？我冥思苦想，竭尽了一个文艺青年应该有的一切想象力，最终决定写一封糅合了各路前辈精华的情书。我这样写。张小红，你好哇。好久不见。或许你会奇怪，不过几天而已，怎么就好久了呢，抱歉…
本人前端学习路径，供参考：&br&&br&去年一月份转行码农，从事Java后端开发，前端只是知道个皮毛。&br&&br&去年六七月份，我司要招前端开发的人，面试后发现无一靠谱的，遂自己撸开袖子开搞前端&br&&br&前端学习经验：&br&从NodeJS入手，把设计师要求的网页效果按照1:1复制到网页上，第一个项目，用的是jQuery和Bootstrap做的，有不会的东西就搜索，顺便把Javascript基础以及核心全部啃一遍，把ES6的语法看了一通，磕磕绊绊，半个月用express搭出了一个网站&br&&br&第二个项目则抛弃了jQuery和Bootstrap，用了一周时间搞定&br&&br&期间涉及的防火墙配置，redis nginx mongodb等配置使用，去看事例去理解即可&br&&br&然后，又照着网上教程把Nodejs各种项目抄了一遍，看了好多Linux相关的东西，还把Nodejs React Vuejs的官方文档啃了一遍&br&&br&自己去分析影响网页加载速度的原因，把代码编码规范看了一遍，把网页性能优化的文章又仔细照着写了一遍&br&&br&基本上，总的说来，遇到困难，找Google，多参加各种线下论坛聚会开拓眼界，不怕困难啃官方的文档，虽然有时候可能看不懂，但是写着写着就顿悟了&br&&br&对编码要及其热爱，这样才能很快的进步&br&&br&现在我的水平是可以单独独立的从后端写到前端，从域名购买配置到最后的网站上线发布，都能一气呵成一人搞定&br&&br&现在欠缺的是大规模部署和优化，以及组件化代码编写能力，完全自动化部署的能力，还有数据可视化以及算法和数据结构都不是我的强项，所以多多补齐短板，在以后的日子学无止境，坚定的学下去肯定可以成功的……&br&&br&最后，祝题主能够成功入行&br&&br&以上&br&&br&PS：30岁转行的，毕竟刚转行一年，做了一点微小的工作，说出自己微小的想法，我们啊还太年轻
本人前端学习路径，供参考：去年一月份转行码农，从事Java后端开发，前端只是知道个皮毛。去年六七月份，我司要招前端开发的人，面试后发现无一靠谱的，遂自己撸开袖子开搞前端前端学习经验：从NodeJS入手，把设计师要求的网页效果按照1:1复制到网页上，第…
我来罗列一下近几年对我设计帮助很大的国内外网站，希望对题主有帮助：&br&&br&1、素材网站&ul&&li&&a href=&/?target=https%3A///& class=&internal&&Iconfinder - 850,000+ free and premium icons&/a&
非常棒的国外图标网站，可以找图标灵感，或者购买感觉不错的图标。&br&&/li&&li&&a href=&/?target=http%3A///& class=&internal&&Noun Project&/a&
也是非常棒的国外图标网站，重点在于都是免费的扁平化图标，可以下载svg进行再创造哦。&br&&/li&&li&&a href=&/?target=http%3A///& class=&internal&&Free vector icons&/a&
也是免费的矢量扁平化图标网站，谁用谁知道。&br&&/li&&li&&a href=&/?target=http%3A///& class=&internal&&EpicPxls&/a& 另外一个很棒的图标免费素材网站，很多优秀图标素材可以下载。&br&&/li&&li&&a href=&/?target=http%3A///& class=&internal&&Subtle Patterns&/a&
纹理素材网站，多用纹理素材，可以给你的设计加分哦！&br&&/li&&li&&a href=&/?target=https%3A//pixelbuddha.net/& class=&internal&&Psds, premium icons & free web design resources for designers ?EUR” latest freebies by PixelBuddha.&/a&
里面的素材都是可以免费下载的源文件，而且质量还不错。&br&&/li&&li&&a href=&/?target=https%3A//iconstore.co/& class=&internal&&https://iconstore.co&/a&
同样非常棒的素材网站，而且大多数是免费的哟。&br&&/li&&li&&a href=&/?target=http%3A///& class=&internal&&Download Free Vectors, Photos, Icons, PSDs and more&/a& 免费素材网站，内容非常多。&br&&/li&&li&&a href=&/?target=http%3A///& class=&internal&&/&/a& 这里的素材也非常棒，有收费有免费的。&br&&/li&&li&&a href=&/?target=https%3A//www.ui8.net/& class=&internal&&UI8 — The marketplace for design resources&/a&
很棒的国外素材网站，素材质量不错，大多都收费，小部分免费的素材可以下载学习。&br&&/li&&li&&a href=&/?target=http%3A///& class=&internal&&Mockup Zone&/a&
Mockup的素材网站，有收费也有免费的。&br&&/li&&li&&a href=&/?target=http%3A///& class=&internal&&&/a&
纹理素材网站，很多材质的纹理都可以在这里找到哦。&br&&/li&&li&&a href=&/?target=http%3A///& class=&internal&&Sketch Repo - Free, high quality Sketch resources&/a&
Sketch的相关素材，可以免费下载学习。&br&&/li&&li&&a href=&/?target=http%3A///& class=&internal&&Over 388,119 Free Photos and Textures&/a&
免费图片素材库，数量很多。&br&&/li&&li&&a href=&/?target=https%3A///& class=&internal&&Unsplash | High-Resolution Photos&/a&
很有个性的高质量免费图片素材网站，个人非常喜欢，还有chrome插件安装，可以有事没事看看。&br&&/li&&li&&a href=&/?target=http%3A///& class=&internal&&Gratisography: Free high-resolution photos&/a&
免费图片素材网站，还不错。&br&&/li&&li&&a href=&/?target=http%3A///& class=&internal&&Life Of Pix - Free Stock Photos & Images&/a&
不错的免费图片素材网站。&br&&/li&&li&&a href=&/?target=https%3A///& class=&internal&&Free stock photos ?· Pexels&/a&
同样是免费的图片素材网站，哈哈。&br&&/li&&li&&a href=&/?target=http%3A///& class=&internal&&&/a&
高清壁纸素材网站，数量很多。&br&&/li&&li&&a href=&/?target=http%3A///& class=&internal&&Download Free Vector Art, Stock Graphics & Images&/a&
老牌免费素材网站，数量也很多。&br&&/li&&li&&a href=&/?target=http%3A///& class=&internal&&Designstub | Download Bootstrap Templates & Themes&/a&
针对Bootstrap框架的免费模版素材（静态化HTML页面，正在学习Bootstrap或者响应式设计的小伙伴可以参考）。&br&&/li&&li&&a href=&/?target=http%3A///resources/& class=&internal&&/resources/&/a&
最近备受关注的国外设计团队，有很多很棒的素材和创意，而且大多数免费分享了出来。&br&&/li&&li&&a href=&/?target=http%3A//facebook.github.io/design/index.html& class=&internal&&Facebook Design Resources&/a&
facebook的设备素材源文件库，质量杠杠的。&br&&/li&&li&&a href=&/?target=http%3A///& class=&internal&&The Premier Photography Community / 500px&/a&
很棒的图片网站，不多说了。&br&&/li&&li&&a href=&/?target=https%3A///& class=&internal&&/&/a&
同样也是高知名度图片网站，不多说了。&br&&/li&&li&&a href=&/?target=http%3A///tethr& class=&internal&&TETHR – The Most Beautiful iOS Design Kit Ever Made&/a&
非常棒的一套设计界面素材，免费下载源文件。&br&&/li&&li&&a href=&/?target=http%3A///do& class=&internal&&Free to-do app UI kit for Photoshop and Sketch&/a&
同样来自invision的设计界面素材，免费下载源文件，质量也很高。&br&&/li&&li&&a href=&///?target=https%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Sketch Repo - Free, high quality Sketch resources&i class=&icon-external&&&/i&&/a&
Sketch免费素材网站，素材质量不错，可以参考学习。&br&&/li&&li&&a href=&///?target=https%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&PSD Repo - Free quality PSDs available for download&i class=&icon-external&&&/i&&/a&
sketchrepo的同胞兄弟，同样是免费高质量素材。&br&&/li&&/ul&&br&2、设计创意参考&br&&ul&&li&&a href=&/?target=https%3A///& class=&internal&&Dribbble - Show and tell for designers&/a&
追波，不多说。&br&&/li&&li&&a href=&/?target=https%3A//www.behance.net/& class=&internal&&Behance&/a&
不多说。&br&&/li&&li&&a href=&/?target=http%3A///& class=&internal&&DeviantArt - The largest online art gallery and community&/a&
也很有名，不多说了。&br&&/li&&li&&a href=&/?target=https%3A///& class=&internal&&/&/a& 素材创意大集合，非常棒的网站，也很有名，不赘述了。&br&&/li&&li&&a href=&/?target=http%3A///& class=&internal&&Sign up | Tumblr&/a&
灰常有名了，有很多优秀的设计作品在上面。&br&&/li&&li&&a href=&/?target=http%3A//.cn/& class=&internal&&站酷 (ZCOOL)&/a&
国内设计比较有名的网站，不多说。&br&&/li&&li&&a href=&/?target=http%3A//ui.cn/& class=&internal&&UI中国&/a&
虽然注册用户量和知名度不如站酷，但是专攻UI领域，感觉还不错。&br&&/li&&li&&a href=&/?target=http%3A///& class=&internal&&花瓣网&/a&
国内的pinterest，虽然是山寨的，但是因为速度快所以用起来还是不错的。&br&&/li&&li&&a href=&/?target=http%3A//themeforest.net/& class=&internal&&Website Templates&/a&
themeforest 知名度非常高的模版销售网站，从上面可以看到很多目前国外流行的页面风格、动效，创意也非常不错。&br&&/li&&li&&a href=&/?target=http%3A///& class=&internal&&WordPress Themes Loved By Over 317k Customers&/a&
elegantthemes 国外很有名的wordpress模版设计团队，创意十足，不过可惜的是最近不思进取，一直没有太大创新，还在售卖一年多前就发布的模版，不过他们的blog可以看看，对wordpress开发有很大帮助。&br&&/li&&li&&a href=&/?target=http%3A///& class=&internal&&Home - YOOtheme&/a&
也是非常棒的国外网站模版设计公司，包括wordpress和joomla!，设计简洁有想法，还有他们推出的前端框架 &a href=&/?target=http%3A///& class=&internal&&UIkit&/a&（类似Bootstrap），有兴趣的朋友可以了解一下。&br&&/li&&li&&a href=&/?target=http%3A///& class=&internal&&Reeoo - web design inspiration and website gallery&/a&
很棒的网页设计参考网站，可以按照颜色筛选，更新勤快，创意十足。&br&&/li&&li&&a href=&/?target=http%3A///& class=&internal&&Awwwards - Website Awards&/a&
非常有名的网页设计创意参考网站。&br&&/li&&li&&a href=&/?target=http%3A///& class=&internal&&/&/a&
Material Design相关设计作品的参考网站。&br&&/li&&li&&a href=&/?target=http%3A///& class=&internal&&100 Days UI - FREEMIUM RESOURCES&/a&
一个Dribbble牛人的每日一设作品，有源文件下载和HTML代码实现哦！绝壁学习极品。&br&&/li&&li&&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Sebastien Gabriel&i class=&icon-external&&&/i&&/a&
谷歌设计大神个人网站，他的文章《How I joined Google》曾脍炙人口，其他设计类的文章也很有参考价值。&br&&/li&&li&&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Dejan Markovic&i class=&icon-external&&&/i&&/a&
国外一个设计师的个人网站，内容涵盖自己的作品从产品分析到最后设计成型的过程解析，很有参考价值。&br&&/li&&li&&a href=&///?target=https%3A///ebooks/%3F_ga%3D1.3621604& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&e-Books&i class=&icon-external&&&/i&&/a& UXPIN推出的免费设计e-Books，里面&br&&/li&&/ul&&br&3、前端／动效／用户体验&br&&ul&&li&&a href=&/?target=http%3A//tympanus.net/codrops/& class=&internal&&Codrops | Useful resources and inspiration for creative minds&/a&
由于鄙人是从前端开发转的UI设计，所以一直对前端各种效果都情有独钟，其中Codrops就是我几年以来基本上隔三差五就会去逛的网站，创意十足，动效酷炫，每周集锦很有意思，强烈推荐，关键在于所有动效都是可以免费下载使用的！&br&&/li&&li&&a href=&/?target=http%3A//codyhouse.co/& class=&internal&&http://codyhouse.co/&/a&
也是非常棒的一个前端动效网站，Codrops经常会收录它的一些好作品。&br&&/li&&li&&a href=&/?target=http%3A///& class=&internal&&Tutorialzine&/a&
同样有很多好玩的前端效果和知识，但是更新并不勤快，可以偶尔看看。&br&&/li&&li&&a href=&/?target=https%3A///trending/css& class=&internal&&Trending CSS repositories on GitHub today · GitHub&/a&
github就不用多说了吧？我会经常到trending里筛选CSS/HTML/Javascript的语言分类来看看是否有最新的好玩的前端作品，这里应该算是全球开源代码最领先的地方了。&/li&&li&&a href=&/?target=https%3A//www.goodui.org/& class=&internal&&GoodUI&/a&
通俗易懂的UI设计准则，很有意思。&br&&/li&&li&&a href=&/?target=https%3A///& class=&internal&&Medium&/a&
里面有很多很棒的设计类文章，值得参考。&/li&&/ul&&br&不管有多好的设计素材网站，最重要的还是自己多看、多思考、多练习，这样才能不断进步，与君共勉。&br&&br&======
更新分割线：感谢大家的支持，新增了一些设计工具类网站：）
======&br&&br&4、工具类&br&&ul&&li&&a href=&///?target=https%3A///& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&/&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a& 在线压缩PNG/JPG图片网站，能够大幅度减小图片尤其是PNG图片的size，方便好用。&br&&/li&&li&&a href=&///?target=https%3A//icomoon.io/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Icon Font & SVG Icon Sets ? IcoMoon&i class=&icon-external&&&/i&&/a&
字体图标管理／生成网站，功能强大，国内的iconfont应该是参考它做的。&br&&/li&&li&&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Iconfont-阿里巴巴矢量图标库&i class=&icon-external&&&/i&&/a& icomoon虽然很棒，但是国内访问速度还是成问题，所以现在还是比较常用iconfont，也挺好用的。&/li&&li&&a href=&///?target=http%3A//guideguide.me/& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GuideGuide&i class=&icon-external&&&/i&&/a&
Photoshop必装的参考线插件神器，谁用谁知道。&br&&/li&&li&&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&RightFont - The future of font manager software for Mac OS X&i class=&icon-external&&&/i&&/a&
非常棒的字体管理软件，能够快速加载字体，并且快速在设计稿中引入矢量图标，个人感觉比在设计稿中使用iconfont方便。&br&&/li&&li&&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Sketch - Professional Digital Design for Mac&i class=&icon-external&&&/i&&/a&
Sketch，Mac下的UI设计神器，制作UI界面快速简单，而且正版也不贵，缺点是没有Windows版本。&br&&/li&&li&&a href=&///?target=https%3A///utom/sketch-measure& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&/utom/sketch-&/span&&span class=&invisible&&measure&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a& Sketch measure，Sketch中必装的插件，能够导出设计稿的HTML文件供前端实时查看，免去了切图的烦恼，还能切换设备分辨率，非常方便。&br&&/li&&li&&a href=&///?target=https%3A///& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://www.&/span&&span class=&visible&&/&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a& 轻量级的交互软件，能够与Sketch一起使用，简单方便。&br&&/li&&li&&a href=&///?target=http%3A///index.html& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Principle - Animated Design&i class=&icon-external&&&/i&&/a& 功能强大的交互设计软件，用它能够做出很不错的app动效。&br&&/li&&li&&a href=&///?target=http%3A///& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Framer - Design tool for creating interactive designs, interfaces and animations&i class=&icon-external&&&/i&&/a&
能够直接用代码做交互／动效，个人感觉很不错，广受国外一线设计师的好评。&/li&&li&&a href=&///?target=https%3A///craft& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Craft by InVision LABS&i class=&icon-external&&&/i&&/a& Invision团队推出的PS／Sketch插件，能够快速添加图片／文字等功能。&/li&&li&&a href=&///?target=https%3A///& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&/&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&
G2-蚂蚁金服团队的图表组件工具，设计图表的时候可以参考。&/li&&/ul&
我来罗列一下近几年对我设计帮助很大的国内外网站，希望对题主有帮助：1、素材网站 非常棒的国外图标网站，可以找图标灵感，或者购买感觉不错的图标。 也是非常棒的国外图标网站，重点在于都是免…
&b&日更新：&/b&&br&&b&过500赞兑现承诺，更新几个干货，再赞继续再更新！！&/b&&br&&br&13、Dribbble New Tab &a href=&///?target=https%3A///webstore/detail/dribbble-new-tab/hmhjbefkpednjogghoibpejdmemkinbn& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&/webst&/span&&span class=&invisible&&ore/detail/dribbble-new-tab/hmhjbefkpednjogghoibpejdmemkinbn&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&br&大名鼎鼎的Dribble，堪称设计师必备，而装了这个插件，可以让你打开空白tab的时间第一时间把每日精选作品展现出来，视觉的享受，强烈推荐给设计师们，装了这个插件我的桌面是这样的。（这个插件跟Momentum同时只能使用一个）&br&&img src=&/5d245fe6b068f0ec8ea35b_b.jpg& data-rawwidth=&2494& data-rawheight=&1336& class=&origin_image zh-lightbox-thumb& width=&2494& data-original=&/5d245fe6b068f0ec8ea35b_r.jpg&&&br&14、Pixlr Editor &a href=&///?target=https%3A///webstore/detail/pixlr-editor/icmaknaampgiegkcjlimdiidlhopknpk& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&/webst&/span&&span class=&invisible&&ore/detail/pixlr-editor/icmaknaampgiegkcjlimdiidlhopknpk&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&br&有些时候要编辑图片的时候要打开PS是不是很麻烦，对于不是专业设计师来说装下这个插件足够了，不比PS弱。&br&&img src=&/f8ad1bbd08f0edcfef3e4_b.png& data-rawwidth=&1079& data-rawheight=&667& class=&origin_image zh-lightbox-thumb& width=&1079& data-original=&/f8ad1bbd08f0edcfef3e4_r.png&&&br&15、&b&Clearly&/b&&a href=&///?target=https%3A///webstore/detail/clearly/iooicodkiihhpojmmeghjclgihfjdjhj& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&/webst&/span&&span class=&invisible&&ore/detail/clearly/iooicodkiihhpojmmeghjclgihfjdjhj&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&br&Evernote出品，这个强烈推荐！！不管你是用Evernote记笔记也好，还是用来阅读也好，网页看到好东西直接保存到Evernote，你们以为它只能同步么？错了，最有用的是他可以把阅读的内容以一种非常友好的方式阅读，统一阅读体验堪称网页版的Kindle。下面以我的博客举个例子：&br&&br&默认我的博客文章是这样的：&br&&img src=&/609ee0786296b_b.png& data-rawwidth=&837& data-rawheight=&630& class=&origin_image zh-lightbox-thumb& width=&837& data-original=&/609ee0786296b_r.png&&&br&点击Clearly插件的时候阅读体验变成这样：&br&&img src=&/ecce83ca8533d60adbaac74d5fbda823_b.png& data-rawwidth=&738& data-rawheight=&640& class=&origin_image zh-lightbox-thumb& width=&738& data-original=&/ecce83ca8533d60adbaac74d5fbda823_r.png&&&br&16、&b&LastPass &a href=&///?target=https%3A///webstore/detail/lastpass-free-password-ma/hdokiejnpimakedhajhdlcegeplioahd& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&/webst&/span&&span class=&invisible&&ore/detail/lastpass-free-password-ma/hdokiejnpimakedhajhdlcegeplioahd&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&/b&&br&是不是平时上网很多网站各种密码记不住？都用一个密码又怕一个网站的密码泄露全军覆没，有了这个就不用怕了，用官方原话解释就是：Free Password Manager，你值得拥有。&br&&img src=&/cbdba94c99_b.png& data-rawwidth=&1074& data-rawheight=&609& class=&origin_image zh-lightbox-thumb& width=&1074& data-original=&/cbdba94c99_r.png&&&br&&b&=====================================================&/b&&br&&b&由于本身自己职业原因，评论区反应说“后面大多是程序猿必备的，望能增加多一点和普通用户密切相关的插件推荐，让受众更广些”，作为Chrome死忠粉，其实我还真有不少普通用户都用得着的一些插件，绝对干货满满，让你惊喜连连，看点赞情况更新，先过500吧，那些只感谢、收藏不点赞的纯属耍流氓！&/b&&br&&br&今天微信公众号上刚好分享了一篇Chrome插件的文章，可谓吐血推荐，是不是鲜有人知不知道，但是绝对好用，可谓提升开发效率、装逼利器，教你用正确的姿势使用Chrome！&b&大家排队点赞好了！！&/b&&br&&br&&b&以下是原文：&br&&/b&&br&&p&一直都对Chrome情有独钟，第一次接触她只因她的icon就喜欢上她了，后来便一发不可自拔，现在几乎成为程序员最喜欢用的浏览器，至于优点很明显：强大的Developer Tools，响应快速，支持各种插件。当然也有些劣势，比如稍微占点内存，但是在如今这个硬件这么便宜的时代，这点几乎可以忽略，今天我就来给大家推荐下我自己常用的一些Chrome插件，你在别处可看不到，可以这么说，熟练使用这些插件，会对你的开发效率大大提高，逼格瞬间上升一个档次。&br&&/p&&br&&p&在Chrome Store直接搜索即可添加（要会科学上网哦）&/p&&br&&p&1、&strong&Momentum &/strong&&b&&a href=&///?target=https%3A///webstore/detail/momentum/laookkfknpbbblfpciffpaejjkokdgca& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&/webst&/span&&span class=&invisible&&ore/detail/momentum/laookkfknpbbblfpciffpaejjkokdgca&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&/b&&/p&&p&装逼利器，教你如何优雅的使用Chrome，新打开一个Tab的时候再也不是一片空白，每天一副精美图片，给你们看下我今天的桌面感受下。&br&&/p&&img src=&/463cebd2e1cb4_b.png& data-rawwidth=&640& data-rawheight=&339& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&/463cebd2e1cb4_r.png&&&br&&br&&p&2、&strong&OneTab &/strong&&b&&a href=&///?target=https%3A///webstore/detail/onetab/chphlpgkkbolifaimnlloiipkdnihall& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&/webst&/span&&span class=&invisible&&ore/detail/onetab/chphlpgkkbolifaimnlloiipkdnihall&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&/b&&/p&&p&强烈推荐，使用场景是这样的，我们使用Chrome经常会一次打开好多tab，很多是会用到的，又不舍得关，内存又耗着，这个时候点击下OneTab，直接把所有tab回收，然后每天的历史都给你记录着，接着你可以一键还原某一天的tab，真乃为Chrome而生。&/p&&img src=&/ab9ddbd5a5b_b.png& data-rawwidth=&640& data-rawheight=&397& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&/ab9ddbd5a5b_r.png&&&br&&br&&p&3、&strong&Save to Pocket &/strong&&b&&a href=&///?target=https%3A///webstore/detail/save-to-pocket/niloccemoadcdkdjlinkgdfekeahmflj& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&/webst&/span&&span class=&invisible&&ore/detail/save-to-pocket/niloccemoadcdkdjlinkgdfekeahmflj&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&/b&&/p&&p&相信很多人都用过Pocket，这也是我一直学习必备的App，比如你经常看博客，看到好的文章，然后装个这个插件就可以直接保存到Pocket，这个时候你手机上的Pocket客户端同步过来，不管你在做地铁，还是在上厕所都可以利用这些碎片时间消化保存的知识，比利用这些时间刷知乎好多了，强烈推荐大学生或者工作经验没多久迫切需要学习的人。&/p&&img src=&/5edc59c434_b.png& data-rawwidth=&640& data-rawheight=&400& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&/5edc59c434_r.png&&&br&&br&&p&4、&strong&Page Ruler &/strong&&b&&a href=&///?target=https%3A///webstore/detail/page-ruler/jlpkojjdgbllmedoapgfodplfhcbnbpn& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&/webst&/span&&span class=&invisible&&ore/detail/page-ruler/jlpkojjdgbllmedoapgfodplfhcbnbpn&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&/b&&/p&&p&这个工具设计师必备，可以直接查看网页一些图片的详细像素大小、具体位置等，非常实用。&/p&&img src=&/b3bb775b4aa2a916f56d8f1d02a90b8f_b.png& data-rawwidth=&640& data-rawheight=&397& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&/b3bb775b4aa2a916f56d8f1d02a90b8f_r.png&&&br&&br&&p&5、&strong&Alexa Traffic Rank &/strong&&b&&a href=&///?target=http%3A///& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://www.&/span&&span class=&visible&&/&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&&/b&&/p&&p&Alexa排名是指网站的世界排名，非常有权威。直接主流网站或博客绝对是有Alexa排名的，我们在浏览博客或者网站的时候就可以通过Alexa排名知晓该网站的流行程度，适用于经常看博客的人，装了这个插件一键查看网站排名，截个我个人博客&a href=&///?target=http%3A//& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&stormzhang博客精华&i class=&icon-external&&&/i&&/a&的排名给大家感受下。&/p&&img src=&/d4155a2abf9f22524dc9eec32cd436aa_b.png& data-rawwidth=&640& data-rawheight=&287& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&/d4155a2abf9f22524dc9eec32cd436aa_r.png&&&br&&p&上面只是热身，下面都是跟我们开发密切相关的，注意前方高能：&/p&&br&&p&GitHub俗称为“全球最大的程序员同性社交社区”，足以见他在程序员心中的地位，几乎每个程序员都必须要有一个GitHub账号，那么就来推荐下GitHub三件套。&/p&&br&&p&6、&strong&Isometric Contributions &/strong&&b&&a href=&///?target=https%3A///webstore/detail/isometric-contributions/mjoedlfflcchnleknnceiplgaeoegien& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&/webst&/span&&span class=&invisible&&ore/detail/isometric-contributions/mjoedlfflcchnleknnceiplgaeoegien&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&/b&&/p&&p&一个小玩意，可以让你在GitHub上的commit像盖楼一样的展示，很有趣，展示下Android大神Jake Wharton的commit情况。&/p&&img src=&/43ca3febba32beb33a599_b.png& data-rawwidth=&640& data-rawheight=&529& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&/43ca3febba32beb33a599_r.png&&&br&&br&&p&7、&strong&Avatars for Github &/strong&&b&&a href=&///?target=https%3A///anasnakawa/chrome-github-avatars& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&/anasnakawa/c&/span&&span class=&invisible&&hrome-github-avatars&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&/b&&/p&&p&顾名思义，默认我们在GitHub主页动态只能看到id的，而安装了这个插件就可以看到GitHub头像了，让你一眼就能知道是谁，给你们看下我的GitHub主页动态。&/p&&img src=&/e7da6aa4f63de8a3c79be7_b.png& data-rawwidth=&640& data-rawheight=&697& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&/e7da6aa4f63de8a3c79be7_r.png&&&br&&br&&p&8、&strong&Octotree &/strong&&b&&a href=&///?target=https%3A///buunguyen/octotree& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&/buunguyen/oc&/span&&span class=&invisible&&totree&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&/b&&/p&&p&这个可就屌了，当我们在浏览别人的开源代码时，还要clone下来一个文件查看，而有了这个插件，你可以直接在Chrome侧边栏向打开文件夹一样的查看别人的项目，简直了。给大家看下查看我的开源项目的正确方式。&/p&&img src=&/1e9ae0da7bdf7f8e4b6ec0b_b.png& data-rawwidth=&640& data-rawheight=&323& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&/1e9ae0da7bdf7f8e4b6ec0b_r.png&&&br&&br&&p&接下来是Android开发必备插件了，效率提升百倍！&/p&&br&&p&9、&strong&JSONView &/strong&&b&&a href=&///?target=https%3A///webstore/detail/jsonview/chklaanhfefbnpoihckbnefhakgolnmc& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&/webst&/span&&span class=&invisible&&ore/detail/jsonview/chklaanhfefbnpoihckbnefhakgolnmc&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&/b&&/p&&p&一般我们在对接api接口的时候，一般都是默认返回json格式，想要查看具体返回哪些内容的时候通过Chrome查看全乱的，而且中文编码也不对，而有了这个插件就不一样了，自动跟你排列出Json数据，不管返回数据有多复杂，你都可以很直观的了解他的数据格式，简直开发者必备。&/p&&img src=&/8a938b013b9cba306e64ee_b.png& data-rawwidth=&640& data-rawheight=&458& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&/8a938b013b9cba306e64ee_r.png&&&br&&br&&p&10、&strong&Postman &/strong&&b&&a href=&///?target=https%3A///webstore/detail/fhbjgbiflinjbdggehcddcbncdddomop& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&/webst&/span&&span class=&invisible&&ore/detail/fhbjgbiflinjbdggehcddcbncdddomop&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&/b&&/p&&p&开发者在调试网络时候，Linux平台一般常用curl这种命令行工具，而如果你不会使用或者不习惯命令行，那Postman是你的不二人选，可以直接发送一个请求，自定义params、header，查看response状态等。&/p&&img src=&/e8ea728abff33d66d0c9cc_b.png& data-rawwidth=&640& data-rawheight=&420& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&/e8ea728abff33d66d0c9cc_r.png&&&br&&br&&p&11、&strong&ChromeADB &/strong&&b&&a href=&///?target=https%3A///webstore/detail/chromeadb/fhdoijgfljahinnpbolfdimpcfoicmnm& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&/webst&/span&&span class=&invisible&&ore/detail/chromeadb/fhdoijgfljahinnpbolfdimpcfoicmnm&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&/b&&/p&&p&这个可以说是Android开发者才用得上，这个插件的具体作用就是可以控制你的手机，当然前提必须是你的adb已经连接上了，不管是通过USB也好还是通过Wifi也好（不知道怎么通过Wifi连接的可以去我博客找），然后可以查看你的内存、硬盘使用情况，还自带一个Controller，可以远程控制你的手机，比如我曾经就在手机wifi连接到adb的情况下，在我媳妇把玩我手机情况下突然放了首她爱听的音乐，当时的惊喜你们脑补下。&/p&&img src=&/6bfcd5e210ce887157dfeaf3fb845cc6_b.png& data-rawwidth=&640& data-rawheight=&387& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&/6bfcd5e210ce887157dfeaf3fb845cc6_r.png&&&br&&p&12、&strong&Vysor &/strong&&b&&a href=&///?target=https%3A///webstore/detail/vysor-beta/gidgenkbbabolejbgbpnhbimgjbffefm& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&https://&/span&&span class=&visible&&/webst&/span&&span class=&invisible&&ore/detail/vysor-beta/gidgenkbbabolejbgbpnhbimgjbffefm&/span&&span class=&ellipsis&&&/span&&i class=&icon-external&&&/i&&/a&&/b&&/p&&p&这个插件的使用场景是这样的，假如你在做一个Android App的演讲，但是手机屏幕太小，这个时候安装了这个插件就可以让手机画面投影到电脑上来（在iOS系统实现这个很方便），而且延时几乎很小，这个插件一般用不到就把他禁用，一旦用到的时候会非常有用。&/p&&img src=&/2d9c2b2ef6ff2f9e_b.png& data-rawwidth=&640& data-rawheight=&402& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&/2d9c2b2ef6ff2f9e_r.png&&&br&&p&以上，呕心沥血，良心推荐，不转发和点赞真心说不过去！&/p&&br&&p&请大家继续关注我，关注我的干货分享。&/p&
日更新：过500赞兑现承诺，更新几个干货，再赞继续再更新！！13、Dribbble New Tab 大名鼎鼎的Dribble，堪称设计师必备，而装了这个插件，可以让你打开空白tab的时间第一时间把每日精选作品展现出来，视觉的享受，强烈推荐…
本人女，程序员一枚。讲讲我周围的it男吧。&br&&br&坐在我对面的小哥，有一阵当当做活动，满200减100什么的吧，他说他买书了。过几天，搬了一摞书回来，我一看，一本javascript权威指南，还有一套左传。我吓了一跳说你居然看左传？他特别得意的说，我也是有文化的人。然而那套左传从买来起就一直放在他桌子上吃灰…后来被他带回家了，至于最后看没看…别问我我也不知道。&br&还是这个小哥，某天早上来上班，说他前一天晚上一边看太子妃升职记一边写代码，写的可开心了……&br&&br&坐在我旁边的小哥，写了各种专题，人称专题小王子，简称小王子。年会的时候弹着吉他唱了一首斑马斑马，圈了无数少女心。我跟他安利了好几天太子妃升职记，他都不为所动，然而过了几天他说他女朋友吃了我的安利，现在每天都在念叨太子妃……他特别瘦，还总是喜欢打击我胖。每次散步路过快递点的称的时候总想怂恿我上去。&br&因为每天早上开一堆应用启环境太麻烦，所以我一般晚上不关机，他也跟着这样，然而还是每天早上一来习惯性的按开机键…于是那几天总能看到他早上来了把电脑关掉，然后再开开…&br&今年是他的本命年，他在朋友圈发了一条状态：我今年12岁了，今年是本命年哦。我评论他：大家好我是xxx的脸，他不要我了/手动再见。哈哈。&br&&br&还有坐在我对角线的小哥，拿了部门最佳新人奖，上台发言的时候说，感谢总是改来改去的需求，锻炼了我们的心理承受能力…然后掏出手机发了个大红包在群里。少年干得好！开启了我们部门获奖发红包的传统，之后每次部门颁奖之后大家都抱紧手机等着抢红包。还是这个小哥，有一次晚上9点多了，他已经收拾好书包准备回家，测试火烧眉毛的提了个bug，说是今晚要上线的，然而负责这块的开发正在开车回家的路上，他二话不说放下书包帮别人改了bug。&br&&br&&br&我们组还有一个小哥，从淘宝批发了20把雨伞，说是准备下雨天就到地铁口卖伞，有10块钱一把的和20块一把的，不知道能赚多少…有一次下雨，坐我对角线的小哥说，要是伞找不到了就去他那买好了……&br&这个小哥很会跳街舞，优酷上还有他的视频，有一次我们几个吃饭的时候找到了他的视频，发到群里，不在场的几个人评论：这人有点像xxx哎，我们偷笑：啊这是xxx他双胞胎弟弟啊。&br&&br&我们的小组长，已婚妇男，特别喜欢做媒，因为我们组单身的女生就我一个，所以我总是听他说，哎我们组那个谁谁不错啊，你们加个微信吧；哎你怎么没加他微信啊，他好伤心啦；你们有没有聊天啊，那个谁谁还是很不错的～&br&&br&还有个小哥，双十一过后唉声叹气地说，他女朋友给他买了件优衣库的羽绒服，橘黄色的。他觉得这个颜色不好看，但是他女朋友说好看，他都不想穿。结果过几天就看见他穿着新羽绒服来上班，我们夸了几句颜色很好看，他乐滋滋的穿了好久。&br&&br&坐在我右边的右边的小哥，是个沉迷于二次元的少年，他桌子上摆了一个高达模型，最爱b站，会在午休时看各种动漫，他负责开发的专题系统（我们内部用的系统）首页写的是 （≧?≦）赐予你权限～～&br&有一天他忽然在群里发了个知乎用户的链接，我们点进去一看，是个不认识的妹子，为什么说是妹子呢，因为知乎头像是一张妹子的全身照~我就问他为什么发这个啊，他说：她关注我了耶~这么一说不得了，大家全去那个妹子的主页围观了，但是只有小头像，看不清妹子的脸啊。怎么办呢，这是难不倒我们一群程序员的~开了F12找图片src，然后打开来，一看url最后缀着一个s，哈哈哈so easy，街舞小哥说，把s改成l就是大图啦，另一个说：改成b也是大图耶，还有一个说，改成hd是不是就是高清啦~&br&&br&所以，it男什么的，其实就是普通人啊，有自己的爱好和性格，每个人都不同。或许因为职业的原因单纯一些，但是没必要过分的捧或者黑他们，不是吗&br&&br&————————————————我是分割线——————————————————————&br&&br&突然多了这么多赞我真是受宠若惊，补充个小故事吧：&br&是那个穿橘黄色优衣库的小哥，有一次我和他合作开发一个专题，他在代码头部画了个佛祖，像下面这样的：&br&&img src=&/76f5f1abc732a6_b.png& data-rawwidth=&340& data-rawheight=&316& class=&content_image& width=&340&&（图片来源于网络，找不到原文件了……）&br&过几天，我突然发现他的佛祖变成这样了：&br&&img src=&/a2cc94becdfff4c81f93d7a743d7e9f5_b.png& data-rawwidth=&419& data-rawheight=&373& class=&content_image& width=&419&&急忙在群里艾特他： xxx，你的佛怎么歪了？！&br&他回答：嘘，别吵，佛祖累了，要睡一会儿~&br&&br&&br&&br&————————我也是分割线———————&br&&br&看左传的那个小哥，有一阵想买几幅画挂在客厅墙上，看中了两幅，不知道哪副好，于是开了ps把两幅画分别p到了自家客厅的照片上，很自豪地说，看这ps水平，毫无ps痕迹…&br&他最出名的事迹是在注释里写散文，深情的抒发了项目上线之后他的心路历程，然而被我们发现之后立马删掉了……&br&&br&我们的小组长，就是上面喜欢做媒的那个，秋天的时候特别开心的跟我们说他淘宝买了几棵橘子树，准备种到阳台上，等明年结果了请我们吃橘子。结果杭州上一年的冬天下了好几次雪，他在群里说，家里阳台上种的小青菜都焉了/伤心。我没敢问他你的橘子树们怎么样了……&br&&br&———————————分割线又来啦————————————&br&&br&最后来一句…我们组招人哦～坐标杭州网易教育产品部（网易云课堂就是我们组做哒），职位在&a href=&///?target=http%3A//& class=& external& target=&_blank& rel=&nofollow noreferrer&&&span class=&invisible&&http://&/span&&span class=&visible&&&/span&&span class=&invisible&&&/span&&i class=&icon-external&&&/i&&/a&上面找，可以投简历给我们部门hr，&br&hr小哥的邮箱是 hzjili@&br&欢迎大家咨询他～&br&&br&&br&因为好多人问我招聘相关问题，但是我也不清楚具体情况，所以大家有相关问题请直接咨询hr小哥～顺便说一句，我们的hr小哥单身哦～
本人女，程序员一枚。讲讲我周围的it男吧。坐在我对面的小哥，有一阵当当做活动，满200减100什么的吧，他说他买书了。过几天，搬了一摞书回来，我一看，一本javascript权威指南，还有一套左传。我吓了一跳说你居然看左传？他特别得意的说，我也是有文化的人…
撩妹其实很简单啊&br&只要遵从以下几个原则就好啦&br&&b&（所以这是一篇初级撩妹教学贴）&/b&&br&以下截图等均来自微博 @子望
&br& ?_? 本宝宝不是子望女神&br&?_? 本宝宝不是子望女神&br&?_? 本宝宝不是子望女神&br&这才是我
我是大萌子
萌仙女仙女萌
大家撩我可以 不许撩子望女神！
&br&&img src=&/3cbf54cb08bb965c6873ca_b.png& data-rawwidth=&960& data-rawheight=&960& class=&origin_image zh-lightbox-thumb& width=&960& data-original=&/3cbf54cb08bb965c6873ca_r.png&&子望女神长这样 ?_?&br&以下
跪舔吧&br&&img src=&/49cddca6235_b.png& data-rawwidth=&690& data-rawheight=&755& class=&origin_image zh-lightbox-thumb& width=&690& data-original=&/49cddca6235_r.png&&&br&------------------------------------(? o?_o?)? 干巴爹的分割线(? o?_o?)? ------------------------------------------&b&&br&&br&&br& 1.说什么都转到夸她&/b&&br&（以下拿我子望女神聊天截图举例）&br&&img src=&/5f49c6feb621a2d6cbecded1cbe2ad6b_b.png& data-rawwidth=&640& data-rawheight=&1136& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&/5f49c6feb621a2d6cbecded1cbe2ad6b_r.png&&&br&&img src=&/0388c6bfafad9c86210c1f_b.png& data-rawwidth=&640& data-rawheight=&1136& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&/0388c6bfafad9c86210c1f_r.png&&&br&常用说法就是&br&围绕“你超美”，“你不胖”，“你在我心中永远是第一位的宝宝”来展开话题&br&&br&“一个人走夜路不安全，你这么美，我不放心”&br&“真的，你穿什么都好看”&br&“不胖啊，怎样我都抱得动你”&br&“没有啊，她不及你十分之一的好看”&br&然而直男们学习的时候不要掉以轻心！！&br&参照我子望女神的说法，&b&先抑后扬，制造一种霸气侧漏而又不失风度的感觉&/b&&br&&br&&br&&br&&br&&b&2.无微不至的关怀和惊喜&/b&&br&看到适合的东西就买给妹 ，超级惊喜的好吗&br&试问这样的妹谁不想嫁？？？？&br&&br&&img src=&/dee62dca05af847bba0d8a_b.png& data-rawwidth=&640& data-rawheight=&1136& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&/dee62dca05af847bba0d8a_r.png&&&br&&img src=&/aaae1d1ddf7b28e9aa46425_b.png& data-rawwidth=&431& data-rawheight=&1920& class=&origin_image zh-lightbox-thumb& width=&431& data-original=&/aaae1d1ddf7b28e9aa46425_r.png&&&br&&br&感觉女孩子看完都会被掰弯（逃&br&&br&&b&3.聊天一切以对方为中心&/b&&br&这一点直男们自己体会罢（摊手&br&情话可是很好讲的
like this&br&&br&&img src=&/9b078a1eba40bf45d8fb4b3a7a370953_b.png& data-rawwidth=&433& data-rawheight=&618& class=&origin_image zh-lightbox-thumb& width=&433& data-original=&/9b078a1eba40bf45d8fb4b3a7a370953_r.png&&&br&当时少女心飞起 &br&&br&或者学我子望女神&br&like this&br&&img src=&/56bf903d6ce90f45f5c07_b.png& data-rawwidth=&640& data-rawheight=&1136& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&/56bf903d6ce90f45f5c07_r.png&&&br&&b&4.实际行动最重要&/b&&br&当妹觉得好无聊 /生病了/ 肚子疼
，第一反应就应该是到她身边啊~&br&什么都抵不过&b& 马上到你身边&/b& 来的更加温暖啊&br&&br&&img src=&/81ccb9b6366dbb0e1a7381_b.png& data-rawwidth=&640& data-rawheight=&1136& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&/81ccb9b6366dbb0e1a7381_r.png&&&br&&br&&br&&b&5.给妹子花钱，简单粗暴&/b&&br&此条直男慎用 &br&一般用在如下场景比较好&br&1）妹子提到某化妆品/包包/衣服/鞋子&br&2）妹子（假装）哭穷
此处可以直接发红包（严肃脸）&br&&br&&img src=&/013c635ef279e01eafe55d_b.png& data-rawwidth=&640& data-rawheight=&1136& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&/013c635ef279e01eafe55d_r.png&&&br&&br&&img src=&/0e6b99f2cb6ec6abd7bba_b.png& data-rawwidth=&640& data-rawheight=&1136& class=&origin_image zh-lightbox-thumb& width=&640& data-original=&/0e6b99f2cb6ec6abd7bba_r.png&&当然没事也可以把自己打扮的攻气十足&br&墙咚/壁咚/门咚&br&不撩我都已弯&br&&img src=&/15c73bbac1d22a0fa86b_b.png& data-rawwidth=&690& data-rawheight=&1002& class=&origin_image zh-lightbox-thumb& width=&690& data-original=&/15c73bbac1d22a0fa86b_r.png&&&br&&img src=&/1aa7be817afd671ddb27a82f7997afdf_b.png& data-rawwidth=&690& data-rawheight=&861& class=&origin_image zh-lightbox-thumb& width=&690& data-original=&/1aa7be817afd671ddb27a82f7997afdf_r.png&&&br&&br&希望直男们好好学习！（很凶地敲黑板&br&&br&以上，想学撩妹的可以私信我（逃~&br&&br&&b&哦对，私信我请先用一百个字夸赞我的美貌
&/b&&br&&br&点个赞吧嘿嘿嘿&br&谢谢
撩妹其实很简单啊只要遵从以下几个原则就好啦（所以这是一篇初级撩妹教学贴）以下截图等均来自微博 @子望 ?_? 本宝宝不是子望女神?_? 本宝宝不是子望女神?_? 本宝宝不是子望女神这才是我 我是大萌子 萌仙女仙女萌 大家撩我可以 不许撩子…
也不能说相见恨晚，只能说以前读大学，MOOC这种形式还没流行起来，对于我们搞编程的人来说，现在有这么多资源确实非常不错。&br&&br&我一般是在实验楼上进行IT学习的，其他的平台像慕课网，倒也是知道也看过，但是了解不深，所以就不说了，因此主要推荐几个我认为你上实验楼一定要学习的课程，非常不错！&br&&br&&a href=&///?target=https%3A///courses/1& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Linux - Linux 基础入门（新版）&i class=&icon-external&&&/i&&/a&&br&主要学习Linux的基础，最重要的是，有在线的Linux环境！！！！！可以照着课程一边看一边动手做，对于不想在自己电脑上安装Linux系统的人来说，非常不错！！！&br&&br&&a href=&///?target=https%3A///courses/2& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Linux - Vim编辑器&i class=&icon-external&&&/i&&/a&&br&主要是学习VIM编辑器，如果你还不熟悉VIM编辑器，或者打算先看看VIM编辑器好不好用的人来说，这个课程一定要看，因为环境里面就给你安装好了VIM编辑器，随便你折腾，不会的话可以照着课程，学习使用。&br&&br&&a href=&///?target=https%3A///courses/214& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Python - Python快速教程&i class=&icon-external&&&/i&&/a&&br&这个课程来源于博客园中Vamei的博客，非常不错的Python教程，其实看Vamei的博客是可以的，但是实验楼配了在线的Python开发环境，很方便的，看博客的过程中不懂的，直接动手操作，学习起来很高效。&br&&br&&a href=&///?target=https%3A///courses/68& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Linux - Linux命令实例练习&i class=&icon-external&&&/i&&/a&&br&这个课程主要是联系Linux命令的，介绍了常用的Linux实用命令的用法，关键是你可以在环境里面直接动手操作这些Linux命令，推荐，特别推荐给对于Linux命令不熟悉的人。&br&&br&&a href=&///?target=https%3A///courses/498& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Docker - 动手实战学Docker&i class=&icon-external&&&/i&&/a&&br&这个Docker教程呢，推荐的地方在于，它的课程简单易懂，而且有环境可以直接操作！！纯实践来学习Docker，而且讲解的非常系统，非常适合想学习Docker的人去看看。&br&&br&&a href=&///?target=https%3A///teacher/51209& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&seedlab发布的课程&i class=&icon-external&&&/i&&/a&&br&这个是由雪城大学杜文亮教授2002年创立的SEED项目里的课程，主要是为计算机教学提供一套信息安全实验，涵盖广泛的安全原理，被全世界数百个高校采用。实验楼拿到了授权，质量也很高，重要的是你可以在实验楼环境里面随便折腾，我认为是目前国内比较高质量的信息安全课程了，也很经典，如果是做信息安全方面的人的话，推荐一看！&br&&br&Android&a href=&///?target=https%3A///courses/%3Fcourse_type%3Dproject%26tag%3DAndroid& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&课程 - 实验楼&i class=&icon-external&&&/i&&/a&&br&&br&这个是实验楼上的Android课程，好就好在几乎都是来自官方文档的翻译制作，重要的是提供了Android开发环境啊！！！！！也是可以随便折腾！&br&&br&最后推荐几个我认为编程新手入门非常不错的课程吧：&br&&a href=&///?target=https%3A///courses/57& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&C/C++ - C语言入门教程&i class=&icon-external&&&/i&&/a&&br&&a href=&///?target=https%3A///courses/20& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&C/C++ - 数据结构(新版)&i class=&icon-external&&&/i&&/a&&br&&a href=&///?target=https%3A///courses/98& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Linux - TCP/IP网络协议基础&i class=&icon-external&&&/i&&/a&&br&&a href=&///?target=https%3A///courses/5& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Linux - 高级Bash脚本编程指南&i class=&icon-external&&&/i&&/a&&br&&a href=&///?target=https%3A///courses/90& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Linux - 正则表达式基础&i class=&icon-external&&&/i&&/a&&br&&a href=&///?target=https%3A///courses/490& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Scala - Scala开发教程&i class=&icon-external&&&/i&&/a&&br&&a href=&///?target=https%3A///courses/493& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&NodeJS - Node.js包教不包会&i class=&icon-external&&&/i&&/a&&br&&a href=&///?target=https%3A///courses/492& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&算法 - 经典算法解题实战&i class=&icon-external&&&/i&&/a&&br&&a href=&///?target=https%3A///courses/485& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&GO - Go by Example 中文版&i class=&icon-external&&&/i&&/a&&br&&a href=&///?target=https%3A///courses/484& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&算法 - 数据结构与算法&i class=&icon-external&&&/i&&/a&&br&&br&特别是后面几门课程，刚上线不久，质量还是很高滴……&br&&br&哦，对了，推荐几个好玩的项目：&br&&a href=&///?target=https%3A///courses/197& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Web - JavaScript实现玫瑰花&i class=&icon-external&&&/i&&/a&&br&&a href=&///?target=https%3A///courses/368& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Python - 200行Python代码实现2048&i class=&icon-external&&&/i&&/a&&br&&a href=&///?target=https%3A///courses/448& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&NodeJS - Node.js实现简单爬虫&i class=&icon-external&&&/i&&/a&&br&&a href=&///?target=https%3A///courses/495& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Python - Python 实现端口扫描器&i class=&icon-external&&&/i&&/a&&br&&a href=&///?target=https%3A///courses/481& class=& wrap external& target=&_blank& rel=&nofollow noreferrer&&Python - 基于python的网络小爬虫&i class=&icon-external&&&/i&&/a&&br&&br&…………&br&&br&不说了，写这么多，太累了，还有好多不错的课程，你去看就知道了……&br&&br&对了，上一张实验楼环境里的示意图吧，嘿嘿……&br&&img src=&/b4c8fb1bb867c_b.png& data-rawwidth=&1686& data-rawheight=&917& class=&origin_image zh-lightbox-thumb& width=&1686& data-original=&/b4c8fb1bb867c_r.png&&
也不能说相见恨晚，只能说以前读大学，MOOC这种形式还没流行起来，对于我们搞编程的人来说，现在有这么多资源确实非常不错。我一般是在实验楼上进行IT学习的，其他的平台像慕课网，倒也是知道也看过，但是了解不深，所以就不说了，因此主要推荐几个我认为你…
&p&身为战斗力只有五的渣滓，说点让人笑的话。&/p&&br&&p&&b&1、微信公众号自带的编辑器，简约自然，虽没有绚烂的各种效果和格式，但基本需求足够了。&/b&&/p&&br&&img src=&/fd1ac09e5d53e_b.jpg& data-rawwidth=&1664& data-rawheight=&376& class=&origin_image zh-lightbox-thumb& width=&1664& data-original=&/fd1ac09e5d53e_r.jpg&&字号、加粗、字体色、背景色、行间距等等，不知道有没有人一个个调整，然后预览在不同型号的手机上看效果。&br&&br&其次就是审美，有些人做的PPT用许岑的话说就是“越用心越丑陋”，这个不是一两天和一个工具能解决的。&br&&br&举栗子：&br&&b&①菜头叔的《槽边往事》&/b&&br&基本不用第三方的工具编辑，就靠文字（纸上千言俱无用，不如腰下硬邦邦），顶多给文字加粗，段落之间留空行等。&br&&img src=&/b585df64_b.jpg& data-rawwidth=&720& data-rawheight=&1280& class=&origin_image zh-lightbox-thumb& width=&720& data-original=&/b585df64_r.jpg&&&br&&b&②《NewbeeRen》&/b&&br&对比一下，就看出字号和颜色是精心调整的，空隙留的很大，用了背景色和繁体字。&br&文艺的调性就出来了，除了“上下”的符号，其他都是硬功夫，不需要第三方工具的。&br&&img src=&/65841ffe2dfcad_b.jpg& data-rawwidth=&720& data-rawheight=&1280& class=&origin_image zh-lightbox-thumb& width=&720& data-original=&/65841ffe2dfcad_r.jpg&&&br&&b&③再来看看我们的小公举《胡辛束》&/b&&br&字号不同，留白（懂设计懂审美的人都知道这点很重要！！！），加粗，局部突出上色。&br&唯一不同的是第三方的卡片线条框+gif图（目测是i排版的卡片模板）&br&&img src=&/b486db6f513ff07e197ca1c3138df4ca_b.jpg& data-rawwidth=&720& data-rawheight=&1280& class=&origin_image zh-lightbox-thumb& width=&720& data-original=&/b486db6f513ff07e197ca1c3138df4ca_r.jpg&&注：栗子是随便举的，也没广告费。主要想说的是：&br&有人不靠编辑工具也很牛逼。&br&有人靠自带的编辑工具也很牛逼。&br&有人只用了一点点第三方工具也可以很牛逼^^&br&不迷信即可。&br&&br&&br&&br&&b&2、不知道哪个卖磨刀石的古人说了一句火热的段子：磨刀不费砍柴工&/b&&br&①秀米&br&&img src=&/dd06eb2fcd9fb_b.jpg& data-rawwidth=&1832& data-rawheight=&2944& class=&origin_image zh-lightbox-thumb& width=&1832& data-original=&/dd06eb2fcd9fb_r.jpg&&&br&②i排版&br&&img src=&/c8c2cdd2d14bc5b63ea72e_b.jpg& data-rawwidth=&4428& data-rawheight=&2668& class=&origin_image zh-lightbox-thumb& width=&4428& data-original=&/c8c2cdd2d14bc5b63ea72e_r.jpg&&&br&③135&br&&img src=&/4c1a75b3a512ffb23578f_b.jpg& data-rawwidth=&5128& data-rawheight=&2776& class=&origin_image zh-lightbox-thumb& width=&5128& data-original=&/4c1a75b3a512ffb23578f_r.jpg&&&br&基本上有这3款够用了，别的五花八门的还有，陆续还会有，用的精通顺手一两个足以。当然，这是我粗鄙的看法。&br&&br&个人比较喜欢i排版，why？&br&你瞎啊？！！看不到上面三家的界面设计吗？&br&哪个好看看不出来？简约&br&&br&&br&&br&&br&&b&3、H5工具&/b&&br&①秀米&br&秀米大哥啥都有，不错H5也能做！&br&在H5刚火起来的时候，我在这练手做了生平第一个H5，就像在小霸王上练打字。&br&&img src=&/abd55bbbc6c6e_b.jpg& data-rawwidth=&4452& data-rawheight=&2512& class=&origin_image zh-lightbox-thumb& width=&4452& data-original=&/abd55bbbc6c6e_r.jpg&&&br&②MAKA&br&这个逼格老高，看截图就知道了。&br&&img src=&/e24edbdff549de1e7fb6565ddfb8ddf8_b.jpg& data-rawwidth=&5668& data-rawheight=&2860& class=&origin_image zh-lightbox-thumb& width=&5668& data-original=&/e24edbdff549de1e7fb6565ddfb8ddf8_r.jpg&&&br&③BlueMP&br&这个不为人所知，看着界面也很乡村感，但谁用谁知道！&br&关键底部不留自家的广告。&br&&img src=&/1aae837182cabc5fa6c20f_b.jpg& data-rawwidth=&4644& data-rawheight=&2296& class=&origin_image zh-lightbox-thumb& width=&4644& data-original=&/1aae837182cabc5fa6c20f_r.jpg&&&br&其实正式H5，一直都是一窝子人脑洞大开，确定玩什么后画框架，可以用Axure，当然只在纸上画画其实也是可以的，速度和执行是王道，玩的花里胡哨都是作死。&br&其次就是和技术聊实现了。&br&好的H5要不自己做，要不找牛逼的外包，用第三方的……额，估计你是乡村企业或者HR部门做着玩，不花钱。（但这年代不出个质量好些的，你指望拿什么吸引眼球和转发？火爆朋友圈？火爆全网？）&br&&br&&br&&br&&br&&b&4、搜集热点&/b&&br&①传送门&br&比较冷门，但做这个网站的哥们很英勇，自己体会吧&br&&img src=&/eed533c1b1e0e4_b.jpg& data-rawwidth=&4036& data-rawheight=&2972& class=&origin_image zh-lightbox-thumb& width=&4036& data-original=&/eed533c1b1e0e4_r.jpg&&&br&②搜狗&br&&img src=&/efedde73abaefbef7e5f81c_b.jpg& data-rawwidth=&4556& data-rawheight=&2928& class=&origin_image zh-lightbox-thumb& width=&4556& data-original=&/efedde73abaefbef7e5f81c_r.jpg&&&br&③百度搜索风云榜&br&&img src=&/762ba475bc71a784f31241_b.jpg& data-rawwidth=&3996& data-rawheight=&2892& class=&origin_image zh-lightbox-thumb& width=&3996& data-original=&/762ba475bc71a784f31241_r.jpg&&&br&④热门微博排行榜&br&&img src=&/0c14acb9f4787ebd457f59_b.jpg& data-rawwidth=&4516& data-rawheight=&2936& class=&origin_image zh-lightbox-thumb& width=&4516& data-original=&/0c14acb9f4787ebd457f59_r.jpg&&&br&⑤淘宝、新浪、新榜等等就不累述了&br&&br&⑥各自书，你看过的所有书和资讯&br&&br&&b&5、搜图&/b&&br&图很重要，why？我们是视觉动物。&br&当我们出生的那天起，我们就先能看到世界，后来才学会了语言，将事物和理解连接起来。&br&&br&美图和Gif图是当下主流。&br&&br&①花瓣&br&&img src=&/babde63f4eed04a7b070d2_b.jpg& data-rawwidth=&4616& data-rawheight=&2212& class=&origin_image zh-lightbox-thumb& width=&4616& data-original=&/babde63f4eed04a7b070d2_r.jpg&&&br&②Tumblr&br&&img src=&/99d35d54cd390e3fe17b2c7bda484ef0_b.jpg& data-rawwidth=&4116& data-rawheight=&2924& class=&origin_image zh-lightbox-thumb& width=&4116& data-original=&/99d35d54cd390e3fe17b2c7bda484ef0_r.jpg&&&br&③Behance&br&&img src=&/5f57e67482b6bdbdc126a6f4c75d3998_b.jpg& data-rawwidth=&5212& data-rawheight=&2536& class=&origin_image zh-lightbox-thumb& width=&5212& data-original=&/5f57e67482b6bdbdc126a6f4c75d3998_r.jpg&&&br&&br&④昵图、华盖、Dribbble……&br&还有很多，但就列举这些吧！主要提高审美，多和设计师朋友聊聊图就好找了。&br&&br&先更新到这，我去吃午饭了……&br&&b&自己去感受吧，骚年们！！！&/b&&br&&br&&br&&br&&br&&img src=&/2ca863b85ee27e2beda90d_b.jpg& data-rawwidth=&1242& data-rawheight=&2208& class=&origin_image zh-lightbox-thumb& width=&1242& data-original=&/2ca863b85ee27e2beda90d_r.jpg&&
身为战斗力只有五的渣滓，说点让人笑的话。1、微信公众号自带的编辑器，简约自然，虽没有绚烂的各种效果和格式，但基本需求足够了。字号、加粗、字体色、背景色、行间距等等，不知道有没有人一个个调整，然后预览在不同型号的手机上看效果。其次就是审美，…
本方法绝不会打扰对方！本方法绝不会伤及无辜！本方法绝不会让对方知道！重要的事情说三遍！！！&br&&br&————————我叫分割线————————&br&第一步：&br&&img src=&/5dabeb3af4249112aadd_b.jpg& data-rawwidth=&360& data-rawheight=&640& class=&content_image& width=&360&&&img src=&/94cd47b14b2f5e91ba6c21a6f50ad34b_b.jpg& data-rawwidth=&360& data-rawheight=&640& class=&content_image& width=&360&&&br&注意：最多39人，不然的话就会给对方发消息了哦~&br&第二步：发现端倪&img src=&/af99ce42bc94e2cafad05ff06db27717_b.jpg& data-rawwidth=&360& data-rawheight=&640& class=&content_image& width=&360&&&br&神奇的事情发生了，那些名字为蓝色的好友就是把你删除的啦~&br&绿色方框里拒绝加入群聊的好友就是把你拉黑的啦~&br&第三步：退出群聊&br&&img src=&/f45c2c5ec6f76afe46e162cd6d9a493f_b.jpg& data-rawwidth=&360& data-rawheight=&640& class=&content_image& width=&360&&&br&注意，不要说话，悄悄地退出群聊就大功告成啦~&br&试用成功了给个赞吧~
本方法绝不会打扰对方！本方法绝不会伤及无辜！本方法绝不会让对方知道！重要的事情说三遍！！！————————我叫分割线————————第一步：注意：最多39人，不然的话就会给对方发消息了哦~第二步：发现端倪神奇的事情发生了，那些名字为蓝色的好…
已有帐号？
无法登录？
社交帐号登录
406 人关注
153 个回答
1581 人关注
21990 人关注
942 个回答
301 人关注
3979 人关注