菜单优设网 - UISDC

会员

开通优设VIP星球

尊享12项VIP特权持续新增

主题直播

每年36场重磅嘉宾主题直播

独家优惠

星球会员可享书籍软硬件最低优惠

优设私房课

大咖出品易学易懂高品质小课

法务咨询

免费咨询版权/劳动相关法律问题

开通VIP

领取更多设计师实用特权

投稿

前端开发

近期热门话题： 你应该了解的「元宇宙」 大盘点！过去1年火什么？ 2021-2022 设计趋势

前端开发

CSS为什么这么难学？一定是你的方法不对！

为什么 CSS 这么难学？本文从四个方面给出具体学习建议，帮助大家更好地去学习掌握 CSS。

2021/09/03

土拨鼠

UI 1.2w

用一个实战案例，帮你完全掌握 HTML 和 CSS 的实际应用

只要能把这节课的案例完整实现出来，那么大家就已经掌握了前端的初级水平，文章提供视频教程和源文件案例，快来免费学。

2020-07-17

土拨鼠

前端开发 1.1w

前端自学专题（二）：最适合设计师的前端学习路径

设计师该从哪些途径自学前端？这一期内容就和大家详细说说设计师的前端学习路径，让每一个对前端有兴趣的小伙伴都能有清晰的学习方向。

2020-03-06

土拨鼠

产品

前端自学专题：为什么前端是最适合设计师学习的编程技能？

《设计师想知道的 100 个前端问题》系列内容的第一期，本文主要带大家了解两个前端入门话题，以及互联网设计师学习前端的重要性。

2020-02-12

土拨鼠

产品设计师

前端开发

新人必读！写给设计师的程序开发基本概念

因为不懂技术和前、后端同事交流起来特别困难？了解这些开发基本概念，有助于我们与开发同事进行有效沟通、节省时间。

2019-12-20

土拨鼠

UI 2.7w

如何构建 Web 端设计组件之树和日期时间选择器

Echo ：本文主要讲解表单中的 treeselect 树选择、datepicker 日期选择器和 timepicker 时间选择器。根据组件的用途，可以分为六大类：Feedback 反馈、form 表单、basic 基础、data 数据、navigation 导航、other 其他。表单在网页中主要负责信息数据采集功能，用户需要填写输入信息数据并且提交到后端数据库，以此完成信息的采集，则这种组件就是表单组件。

2018-06-03

程远

前端开发 1.3w

2018年4月前端开发者超实用干货大合集

对于 PHP，虽然很多人都有所误解，甚至觉得它在走下坡路，但是它依然是目前 Web 应用开发中最热门的选择之一。自从 PHP 7 推出以来，PHP 的突破是显著的。在过去的几周汇总，我一直在深入探索 PHP，发现了许多值得分享的好东西。

2018-04-08

陈子木

web前端开发

前端开发 4.9w

前端福利！10个免费好用功能强大的网页动画效果库

动效设计是2018年的热门趋势之一。当然，创造动效并没有必要从0开始，有大把的设计项目可以供你快速上手，纳入到设计项目当中去。如果你仔细找找的话，会发现许多有趣的用来构建UI动效的工具，而这些素材和工具正在成为越来越多设计项目中不可或缺的催化剂。

2018-01-24

陈子木

web前端开发

前端开发 1.4w

为前端而生！2018年1月超实用前端干货大合集！

和网页设计一样，网页开发的技术发展也是非常快的。日新月异的前端工具赋予了前端越来越强大的开发能力和效率，甚至改变网站建设的方式。而VirtualDOM 就是诸多改变前端开发的工具之一。

2018-01-22

陈子木

web前端开发

前端开发 2.5w

这些响应式网页测试工具确保你的设计万无一失

响应式设计几乎是当代网页设计的基础构成之一。在实际设计和开发的过程中，想要让网站按照设计响应不同尺寸屏幕，设计师和前端需要花费相当的时间来进行测试和优化。所以，今天我们搜集了7款功能强大的响应式页面测试工具，下面就一一介绍一下。

2017-10-25

陈子木

前端开发 8.5w

要做动效？这75款动效工具让你无所不能（上）

动效这两年崛起非常之迅猛，几乎是网页设计领域最强大的设计趋势之一。无论是在设计师群体还是在用户当中，它的受欢迎程度都非常之高，大家都对它津津乐道。从微妙的转场动效到覆盖整个页面的大范围动效，它几乎无处不在。

2017-08-08

陈子木

前端开发 2.3w

超多干货！设计师和前端都需要了解的知识点大全

设计与前端的关系比较紧密，如何在日常工作中更加高效的进行合作，一直是双方共同追求的目标。高效的合作方式，应该是双方具备专业上的共识、能进行有效的沟通、以及对效率工具的运用。专业共识这里的专业共识是指设计师和前端都需了解的知识点，双方在这些知识点上达成共识，有助于能更加畅通无阻的进行沟通交流。

2017-05-18

程远

优秀网页设计

前端开发

开发者必备手册！收录完整的HTML 语法教学+标签使用方法

记得小时候刚学计算机时还是使用 MS-DOS 操作系统，家人帮我买了一本厚重的参考书，里头收录所有 DOS 指令，非常详尽，而这本书也对我产生不小影响，我知道学习任何东西都必须要有正确的参考手册，才能够让学习过程更全面扎实。虽然网络上有许多教学文件，但碍于篇幅都只能够以最短快捷方式来帮你达到目的，对于一些较为复杂的内容来说，这些快速教学并不能让你「真正」学会，因此最好还是准备参考手册。本文要推荐的「HTML Reference」网站很不一样，这个在线参考手册收录完整 HTML 语法教学，依照英文字母...

2017-05-11

程远

前端开发

开发丨值得设计师看看的5个开发小知识

@韩重赞：这里整理了几点关于设计的开发知识。因为我自己之前也是做设计的，在自己开发过App之后，发现有些程序的东西当时如果知道了可能会对我做设计会很有帮助。做UI设计的朋友们可以了解下，你们平时在sketch上捣鼓的东西，到底哪些东西程序可以写出来哪些写不出来。

2016-11-19

程远

web前端开发

前端开发 2.3w

前端丨超全面+最流行的「前端速查表」高清版大全

今天分享的速查表你一定不会陌生，因为都是目前最新最流行的前端速查表（Cheat sheet），包含：Css3 Flexbox、ES6、jQuery 3 以及最新的 Bootstrap 4，前端人员可以将这些当作是备忘表或速记手册，使用时可以快速查阅，相当便捷。这些速查表设计达人网小编认为相当有用，如果我学前端时有这些表给我就好了T_T…速查表兄弟篇：《最强酷站！

2016-11-16

程远

web前端开发

前端开发 1.4w

收入囊中！20个前端和网页设计师必收的超实用网站

我们常开玩笑说，不想当产品的设计不是好开发，而实际上多数的设计师、开发和产品都会在自己的领域深耕，为了技术、眼界和能力的进阶而不遗余力。不断的学习是这几个行业的从业者必须具备的素质。我们经常为设计师推荐网站，给产品经理推荐文章，而今天的文章，我们搜集并总结了20个前端开发者肯定会感兴趣的网站，其中的一部分你可能见过甚至熟知，而其中另外一部分则是全新的。

2016-10-18

陈子木

前端开发

在 2016 年学JavaScript 是一种什么样的体验？

编者按：本文通过一个是否用jQuery 开发网页的问题，讨论了大量技术的优缺点，你可以把它当成一篇前端技术名词快速科普文。@方应杭：嘿，我最近接到一个 Web 项目，不过老实说，我这两年没怎么接触 Web 编程，听说 Web 技术已经发生了一些变化。听说你是这里对新技术最了解的 Web 开发工程师？

2016-10-12

程远

前端开发 1.1w

避开这3个误区，来看设计师学编程的正确姿势

前端作为一种偏视觉化的编程技术，确实是外行比较适合的编程语言。想找工作的设计师，有一定的编程基础也会更受青睐。但是在我和很多设计师在打交道的过程中，发现大部分人对于学习编程存在一些误区。

2016-09-21

程远

前端开发

提高设计还原度！写给设计师的IOS前端教程（三）

@小乖乖老爸：想提高设计还原度，尽可能缩小设计稿与完成品之间的差距吗？来学编程吧！这个系列的文章忽略了很多设计师用不上的技能，直接给出UI设计师工作中能用上的编程知识，简单易懂，一起来收！

2016-08-27

程远

前端开发

提高设计还原度！写给设计师的iOS前端教程（二）

@小乖乖老爸：这个系列既然是写给设计师看的，就跳过如何创建项目、如何新建文件了，因为设计师通常是在已有的页面上做调整。设计师需要掌握的iOS前端技能无非今天提到的这两个。想改哪里，就能改哪里。

2016-08-26

程远

产品 1.6w

实战案例！设计师怎样和前端开发一起制定设计规范？

@画一个长沙：作为设计师的你看到这个标题可能会奇怪：制定设计规范不是设计师的事儿吗？为什么要和前端开发一起呢？不同于以前的网站，样式基础、交互简单，前端们都是以页面为单位进行开发。

2016-08-19

程远

前端开发 1.4w

设计新人必备！5分钟帮你了解到底什么是API

如果作为新人的你有这样的经历：在会议上听到前后端的程序员们对着你给出的设计稿讨论“这边要加一个API”、“那个页面的API要改动”，特别是他们说了一堆你不太懂的事情还反过来问你：你觉得要用什么方案？（WTF）又或者，那帮人最终讨论的结果是某个“接口”没法做，导致你的设计稿得改改改，然而你一脸懵逼，并搞不清楚状况。那么这篇文章能帮到你了解自己的处境（虽然说服那帮固执的开发还得靠你自己）。

2016-08-16

程远

前端开发 2.0w

新鲜实用！20款为前端和网页设计师准备的代码工具

毫无疑问，高效的代码工具能够让前端和网页设计师的工作事半功倍。实用的代码工具不仅能够帮你更为有效的应付不同类型的任务，还能帮助你的项目更为有效的推进。今天推荐的前端代码工具能够让你拥有更为富有成效的工作流程，这些工具涉及到字体、色彩、PSD、HTML/CSS等多个不同的环节。

2016-08-08

陈子木

前端开发 2.6w

帮你迅速入门！写给设计师的趣味编程指南

提起「编程」二字，很多人脑中会觉得高端、烧脑、难学，@WENZY– 希望通过这个系列指南，扫除大家对“编程”的刻板影响，一路玩转编程。这不仅仅适合设计师阅读，相信任何一个想了解编程的人都能通过它迅速入门。设计师为什么学编程？

2016-07-23

程远

前端开发 1.2w

内行讲堂！让设计师和前端都更轻松的5个工具

在这个开源的时代，你还在加班为每一个小功能的实现自己“码码码”吗？今天想早点下班的你，快来看看我最新发现的工具包吧！有了他们，这些功能你只需要直接用，或者用一点时间把他们优化的比作者创造时更人性化就可以啦。

2016-06-29

程远

前端开发 1.7w

从零开始！设计师如何打造高性价比个人网站之常用工具篇

@老王经销商：上一篇我们大致介绍了选购域名的关键知识点和一些域名解析知识，今天继续第二部分，科普当下的主流域名商和打造个人网站必备的PC端工具/移动端工具/Web端工具，设计师们赶紧来给自己建个站吧！上期回顾：《从零开始！设计师如何打造高性价比个人网站之域名选购篇》有粉丝在微博反馈有一些知识点看不太懂，特别是后面关于域名解析的部分。

2016-06-28

程远

优秀网页设计

前端开发 1.3w

零基础也能看懂！写给设计师的前端小知识之各司其职

Sunny萧萧：本文作为小白入门级，相对基础，是写给现在想了解一点前端知识的设计师同行们，今天这章用设计师熟悉的PS来解释前端相关的术语，通俗易懂幽默风趣，绝对是小白入门的好教程！往期回顾：《零基础也能看懂！写给设计师的前端小知识之小白入门篇（一）》《零基础也能看懂！

2016-06-14

程远

前端开发 1.1w

20张小抄，让前端开发与设计的效率大幅提升（原图已打包）

与几年前的开发模式不同，今天当我们做前端设计或开发时，往往需要组合很多不同的技术、框架，并且使用不同的工具。要熟悉这些新东西，特别是熟练掌握它们并不容易，尤其记住那些命令和语法需要很长的时间。很多人会在使用它们时借助书籍或在网上搜索，但这样却会使你的工作效率降低。

2016-06-07

程远

PS，快捷键，效率

前端开发

全栈设计师！零基础也能学会GITHUB 系列之提交代码

@googdev ：之前的这篇文章「从0开始学习 GitHub 系列之「Git速成」」相信大家都已经对 Git 的基本操作熟悉了，但是这篇文章只介绍了对本地 Git 仓库的基本操作，今天我就来介绍下如何跟远程仓库一起协作，教你们向 GitHub 上提交你们的第一行代码！往期回顾：从0开始学习 GitHub 系列之「初识 GitHub」零基础也能学会GITHUB 系列之加入GITHUB零基础也能学会GITHUB 系列之GIT 速成1. SSH你拥有了一个 GitHub 账号之后，就可以自由的 clon...

2016-06-04

程远

前端开发

前端干货！实用全面的CSS background 属性使用手册

background是用来设置背景的元素，从最早的纯色填充发展到现在，不仅支持渐变，甚至能用上混合模式！今天@不到布这篇好文将一一为你阐释这些子属性的用法，周末学起来！background 属性是CSS中用于设置元素背景的属性，最简单的background属性名，是针对背景若干设定的合并简写，最早的CSS只能使用单一背景图片，而在现在却可以设置多个背景图片。

2016-06-04

程远

1/5

1
2
3
4
5
下一页
前往页

大家都在看

设计流程

文章 141

神器下载

文章 129

设计趋势

文章 198

酷站

文章 642

图标设计

文章 229

产品设计

文章 409

海报设计

文章 248

设计师职场

文章 662

UI

文章 142

热门频道

设计专题

热门设计知识精挑细选

细节猎人

1分钟小短文揣摩设计真谛

优设读报

行业资讯一站知晓

优设琅琊榜

顶尖设计作品聚集地

行业新闻

行业大事小事全知道

设计话题

高手大咖在线答疑解惑

热门频道

设计灵感

支持与服务

优设微博

@
优秀网页设计
380W粉丝！每日更新设计干货
@
优设
强烈推荐！优设官方品牌微博
@
优优教程网
官方微博，海量教程看不完
@
优设基础训练营
零基础入门，带你成为软件高手
官方群
优设官方微信群
01优设25+设计师交流群
02优设30+设计师交流群
03优设求职招聘群
04优设同城交友群
05优设私单群
06优设学生交流群

07优设UI设计师交流群
08优设插画师交流群
09优设平面品牌设计师交流群
10优设3D设计师交流群
11优优教程自学团
12优设VIP知识星球交流群
微信扫码添加管理员招财

微信号：uisdc123

严格审核打造高质量交流群

进群会有面试题谢绝打广告
优设微信

每天官微五分钟

一年萌新变大神

扫码关注

1000W

优设新媒体矩阵等你来关注