Clik here to view.
避开这3个误区，来看设计师学编程的正确姿势
前端作为一种偏视觉化的编程技术，确实是外行比较适合的编程语言。想找工作的设计师，有一定的编程基础也会更受青睐。但是在我和很多设计师在打交道的过程中，发现大部分人对于学习编程存在一些误区。 本文作者leadream，微信公众号 codesigner，欢迎同学们关注哟 《超多干货！零基础设计师该如何学习前端？》 《成为全栈设计师！零基础设计师自学编程前需要知道的知识》...
View ArticleClik here to view.
在 2016 年学JavaScript 是一种什么样的体验？
编者按：本文通过一个 是否用jQuery 开发网页的问题，讨论了大量技术的优缺点， 你可以把它当成一篇前端技术名词快速科普文。 @方应杭 ：嘿，我最近接到一个 Web 项目，不过老实说，我这两年没怎么接触 Web 编程，听说 Web 技术已经发生了一些变化。听说你是这里对新技术最了解的 Web 开发工程师？...
View ArticleClik here to view.
前端丨超全面+最流行的「前端速查表」高清版大全
今天分享的速查表你一定不会陌生，因为都是目前最新最流行的前端速查表（Cheat sheet），包含：Css3 Flexbox、ES6、jQuery 3 以及最新的 Bootstrap 4，前端人员可以将这些当作是备忘表或速记手册，使用时可以快速查阅，相当便捷。 这些速查表设计达人网小编认为相当有用，如果我学前端时有这些表给我就好了T_T…...
View ArticleClik here to view.
开发丨值得设计师看看的5个开发小知识
@韩重赞 ：这里整理了几点关于设计的开发知识。因为我自己之前也是做设计的，在自己开发过App之后，发现有些程序的东西当时如果知道了可能会对我做设计会很有帮助。 做UI设计的朋友们可以了解下，你们平时在sketch上捣鼓的东西，到底哪些东西程序可以写出来哪些写不出来。毕竟从你的设计稿到最后真正做出成品来还是要靠代码写上去的。 1. icon所需尺寸有哪些？...
View ArticleClik here to view.
腾讯工程师：2017年前端领域可能迎来的6个发展趋势
Ouven：2016年结束了，前端技术的发展也将进入到一个新的阶段，那么未来又会给我们带来什么呢？这里就个人发表下意见，欢迎点评。 趋势系列： UX设计丨《2017年即将流行的9大UX设计趋势》 UI设计丨《趋势丨8个你需要知道的2017年UI设计流行趋势》 硅谷设计师的预言丨《2017年，这五条设计趋势将惊艳整个设计圈》...
View ArticleClik here to view.
开发者必备手册！收录完整的HTML 语法教学+标签使用方法
记得小时候刚学计算机时还是使用 MS-DOS 操作系统，家人帮我买了一本厚重的参考书，里头收录所有 DOS 指令，非常详尽，而这本书也对我产生不小影响，我知道学习任何东西都必须要有正确的参考手册，才能够让学习过程更全面扎实。虽然网络上有许多教学文件，但碍于篇幅都只能够以最短快捷方式来帮你达到目的，对于一些较为复杂的内容来说，这些快速教学并不能让你「真正」学会，因此最好还是准备参考手册。...
View ArticleClik here to view.
超多干货！设计师和前端都需要了解的知识点大全
设计与前端的关系比较紧密，如何在日常工作中更加高效的进行合作，一直是双方共同追求的目标。高效的合作方式，应该是双方具备专业上的共识、能进行有效的沟通、以及对效率工具的运用。 专业共识 这里的专业共识是指设计师和前端都需了解的知识点，双方在这些知识点上达成共识，有助于能更加畅通无阻的进行沟通交流。 一. 设计基础 尺寸 、字体、 排版、色彩、 布局、 动画。 1. 尺寸...
View ArticleClik here to view.
要做动效？这75款动效工具让你无所不能（上）
动效这两年崛起非常之迅猛，几乎是网页设计领域最强大的设计趋势之一。无论是在设计师群体还是在用户当中，它的受欢迎程度都非常之高，大家都对它津津乐道。 从微妙的转场动效到覆盖整个页面的大范围动效，它几乎无处不在。动效的运用让网页中的元素逻辑变化关系清晰地表述出来，还将影视化的体验引入了进来。 本文下集《这75款动效工具让你无所不能（下）》...
View ArticleClik here to view.
这些响应式网页测试工具确保你的设计万无一失
响应式设计几乎是当代网页设计的基础构成之一。在实际设计和开发的过程中，想要让网站按照设计响应不同尺寸屏幕，设计师和前端需要花费相当的时间来进行测试和优化。所以，今天我们搜集了7款功能强大的响应式页面测试工具，下面就一一介绍一下。 1. XRESPOND 这款名为 XRespond 的工具自称为“虚拟设备实验室”，这个称号其实是名副其实的。 通过Xrespond...
View ArticleClik here to view.
为前端而生！2018年1月超实用前端干货大合集！
和网页设计一样，网页开发的技术发展也是非常快的。日新月异的前端工具赋予了前端越来越强大的开发能力和效率，甚至改变网站建设的方式。而VirtualDOM 就是诸多改变前端开发的工具之一。...
View ArticleClik here to view.
前端福利！10个免费好用功能强大的网页动画效果库
动效设计是2018年的热门趋势之一。当然，创造动效并没有必要从0开始，有大把的设计项目可以供你快速上手，纳入到设计项目当中去。 如果你仔细找找的话，会发现许多有趣的用来构建UI动效的工具，而这些素材和工具正在成为越来越多设计项目中不可或缺的催化剂。必须承认，这些代码生成器和动画工具能设计师和前端事半功倍。 今天的文章，我们将会推荐10个靠谱的开源免费网页动效库，帮你设计加速。 1. GSAP...
View ArticleClik here to view.
2018年4月前端开发者超实用干货大合集
对于 PHP，虽然很多人都有所误解，甚至觉得它在走下坡路，但是它依然是目前 Web 应用开发中最热门的选择之一。自从 PHP 7 推出以来，PHP 的突破是显著的。 在过去的几周汇总，我一直在深入探索 PHP，发现了许多值得分享的好东西。所以，今天的这期开发者干货合集当中，我整合了许多 PHP 相关的资源，包括可以帮你构建 Chatbot 的 PHP 框架，构建交互式 CLI 的 PHP...
View ArticleClik here to view.
收入囊中！20个前端和网页设计师必收的超实用网站
我们常开玩笑说，不想当产品的设计不是好开发，而实际上多数的设计师、开发和产品都会在自己的领域深耕，为了技术、眼界和能力的进阶而不遗余力。不断的学习是这几个行业的从业者必须具备的素质。我们经常为设计师推荐网站，给产品经理推荐文章，而今天的文章，我们搜集并总结了20个前端开发者肯定会感兴趣的网站，其中的一部分你可能见过甚至熟知，而其中另外一部分则是全新的。...
View ArticleClik here to view.
如何构建 Web 端设计组件之树和日期时间选择器
Echo ：本文主要讲解表单中的 treeselect 树选择、datepicker 日期选择器和 timepicker 时间选择器。 根据组件的用途，可以分为六大类：Feedback 反馈、form 表单、basic 基础、data 数据 、navigation 导航、other 其他。...
View ArticleClik here to view.
新人必读！写给设计师的程序开发基本概念
对于设计师来说，了解一些程序开发的基本概念，有助于我们与开发同事沟通交互方案。 从计算机工作原理Get人机交互的底层逻辑 提到计算机工作原理，不得不提一个人，他就是冯·诺依曼。 冯·诺依曼（John von Neumann，1903~1957），20 世纪最重要的数学家之一，在现代计算机、博弈论、核武器和生化武器等诸多领域内有杰出建树的最伟大科学全才之一，被后人称为「计算机之父」和「博弈论之父」。...
View ArticleClik here to view.
前端自学专题：为什么前端是最适合设计师学习的编程技能？
本篇文章是《设计师想知道的 100 个前端问题》系列内容的第一期，这个系列内容是为了让更多设计师小伙伴，或者是其他想学习前端的小伙伴快速了解前端是什么，怎么学，学什么。哪怕你不想学习前端，也需要去了解的一些在设计工作中常会碰到的前端或者开发技术相关的知识。...
View ArticleClik here to view.
前端自学专题（二）：最适合设计师的前端学习路径
这是《设计师想知道的100个前端问题》系列内容的第二期，这一期的内容我们来聊一聊设计师的前端学习路径。 往期回顾： 前端自学专题：为什么前端是最适合设计师学习的编程技能？《设计师想知道的 100 个前端问题》系列内容的第一期，本文主要带大家了解两个前端入门话题，以及互联网设计师学习前端的重要性。阅读文章 >> 这期内容开始之前，我想先回答几个小伙伴在看完我上一期内容之后提的几个问题。...
View ArticleClik here to view.
前端丨超全面+最流行的「前端速查表」高清版大全
今天分享的速查表你一定不会陌生，因为都是目前最新最流行的前端速查表（Cheat sheet），包含：Css3 Flexbox、ES6、jQuery 3 以及最新的 Bootstrap 4，前端人员可以将这些当作是备忘表或速记手册，使用时可以快速查阅，相当便捷。 这些速查表设计达人网小编认为相当有用，如果我学前端时有这些表给我就好了T_T…...
View ArticleClik here to view.
要做动效？这75款动效工具让你无所不能（上）
动效这两年崛起非常之迅猛，几乎是网页设计领域最强大的设计趋势之一。无论是在设计师群体还是在用户当中，它的受欢迎程度都非常之高，大家都对它津津乐道。 从微妙的转场动效到覆盖整个页面的大范围动效，它几乎无处不在。动效的运用让网页中的元素逻辑变化关系清晰地表述出来，还将影视化的体验引入了进来。 本文下集《这75款动效工具让你无所不能（下）》...
View ArticleClik here to view.
用一个实战案例，帮你完全掌握 HTML 和 CSS 的实际应用
写了那么多 HTML CSS 的学习，终于，要在这篇迎来具体的案例应用了。下面，就是本节课要演示的案例图，我们要通过 HTML 和 CSS 将它实现出来： 不过用图文的方式是没法完整的讲解一遍这个页面的实现过程的，只能尽可能包含我们编写的顺序和重点，需要大家参考视频教程，以及下载我们的案例源文件进行研究，才能更好的掌握有关知识。...
View Article
