菜单优设网 - UISDC

会员

开通优设VIP星球

尊享12项VIP特权持续新增

主题直播

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

独家优惠

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

优设私房课

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

法务咨询

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

开通VIP

领取更多设计师实用特权

投稿

web前端开发话题

首页
设计文章
web前端开发

教程

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

随着 Apple、Google 等科技企业一年一度的开发者大会的到来，这些企业旗下产品相关的新资源也随之放出，比如 Apple 的新的开源数据库，以及 Google 新推出的移动端手机测速应用。此外，GitHub 等平台还推出了面对新手的 Git 使用课程，也是素质相当过硬的课程。在今天的前端干货大合集当中，我们会推荐一些正在兴起的新工具，接下来，我们一一介绍。

2018-05-02

陈子木

web前端开发

前端开发 1.3w

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

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

2018-04-08

陈子木

web前端开发

前端开发 4.7w

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

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

2018-01-24

陈子木

web前端开发

前端开发 1.4w

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

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

2018-01-22

陈子木

web前端开发

教程 3.8w

如何搭建Web端布局框架？来看滴滴设计团队的超全经验总结！

还在苦恼如何搭建Web端布局框架？来这里找方法吧，CDX魔方项目组成员用血和泪的经验告诉你答案。前言对于承载多个子产品的网站而言，单一的布局形式不能完全适用，因此我们需要全方面了解相关的布局框架理论。

2018-01-10

程远

web前端开发

酷站推荐

暑期干货！2017年8月前端开发者超实用干货大合集

在过去的几年当中，网络上所流传的各种设计和开发资源，在素质上有明显的提升。其中有一些已经几乎成为了设计师和开发者必备的工具，但是其中绝大多数由于其应用范畴的局限，或者传播不够广，导致它们大多并广为人知。将这些素材集中到一起，很大程度上是希望它们的目标用户能够明白，需要这些工具的时候，上哪儿找。

2017-08-21

陈子木

web前端开发

酷站推荐

福利！2017年7月前端开发者超实用干货大合集

网页离不开设计更离不开前端的实现，无论是JS库还是适用于Wordpress 的 GraphQL 都能在特定的时候，解决网站的特定需求。每月都会涌现一批颇为实用的网页前端干货，它们都是特定的开发需求下的产物，也许其中正好有你想要的东西呢？HeroPatterns这是一组颇为有用的SVG格式的图案合集，可以用于网站背景这个网站还配备了定制色彩和透明度的设置，你可以通过简单的复制粘贴添加到CSS当中。

2017-07-18

陈子木

web前端开发

酷站推荐

前端速来！2017年6月前端开发者干货大合集

每个月的前端开发者干货素材大合集，相对而言更加专注于为网页设计师和前端开发者搜集相关的工具和素材，这次的大合集当中包含一款颇为有趣的屏幕录像软件，几款适用范围较广的基于Material Design的框架，还有一些性能测试库也非常好用。这些前端工具与素材功能各不相同，总会有一两款是你感兴趣，甚至正好想要的~KapKap 是一款设计精巧的macOS 屏幕录像软件，它是基于Web技术来搭建的开源APP。这款应用中最令人着迷的是它的即时转码输出功能。

2017-06-05

陈子木

web前端开发

前端开发

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

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

2017-05-11

程远

神器推荐

酷站两连发！网页排版对齐神器Graaf+专属免费图库

当设计师把网页设计稿交给前端开发人员写代码后，页面往往与原稿有些偏着。前端人员写完页面后，还需要截图叠加到设计稿上，去看看偏差比率，这是很麻烦的事情。为了解决这个问题，建议设计师和前端人员看看今天分享的 Graaf 栅格样式工具。

2017-02-24

程远

web前端开发

新视野 2.1w

腾讯工程师：2017年前端领域可能迎来的6个发展趋势

Ouven：2016年结束了，前端技术的发展也将进入到一个新的阶段，那么未来又会给我们带来什么呢？这里就个人发表下意见，欢迎点评。趋势系列：UX设计丨《2017年即将流行的9大UX设计趋势》UI设计丨《趋势丨8个你需要知道的2017年UI设计流行趋势》硅谷设计师的预言丨《2017年，这五条设计趋势将惊艳整个设计圈》为什么你不适合看趋势文丨《自学丨从零基础新手到高级UI/UX设计师的阶段心路分享》就前端主流技术框架的发展而言，过去的几年里发展极快，在填补原有技术框架空白和不足的同时也渐渐趋于成熟。

2017-02-03

程远

web前端开发

前端开发

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

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

2016-11-19

程远

web前端开发

前端开发 2.2w

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

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

2016-11-16

程远

web前端开发

前端开发 1.3w

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

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

2016-10-18

陈子木

前端开发

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

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

2016-10-12

程远

前端开发 1.9w

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

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

2016-08-08

陈子木

前端开发 1.3w

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

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

2016-06-14

程远

前端开发 1.0w

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

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

2016-06-07

程远

PS，快捷键，效率

前端开发

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

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

2016-06-04

程远

酷站推荐 1.6w

超赞！值得网页设计师&前端收藏的实用工具列表

无论你是经验丰富的前端，还是刚刚起步的设计师，这些为真正的网页设计师和开发者所准备的实用工具、在线服务、资源和代码片段，都是为你而生的，合理的运用能够让你的网页设计与开发事半功倍。这次总结的工具总计有40款，它们基本上可以分为8个大类·灵感与阅读：这类素材通常是设计案例和酷站，它们启发灵感，给你经验·网络社区：汇集Web开发者和设计师的优秀社区·网页测速工具：一些最好的网站测速工具·沟通和项目管理：适宜进行沟通和管理的工具，包括网页端和移动端·代码共享和编辑器：最好的Markdown编辑器，代码分享...

2016-05-26

陈子木

web前端开发

前端开发 1.4w

零基础也能看懂！写给设计师的前端小知识之排版三步走起来

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

2016-05-19

程远

web前端开发

酷站推荐 1.2w

精选干货！十款新兴实用的网页设计与开发工具

对于设计师和开发者而言，好工具和好想法同样重要。我们常说“工欲善其事，必先利其器”，所以在项目开始之初，有必要弄清楚有哪些事情任务需要完成，而哪些成熟的工具可以有针对性地搞定这些问题。随着如今网站开发需求的细化，越来越多项目衍生工具开始诞生，这些新工具通常会相当地具有针对性，它们逐步成熟之后，会很好地反哺到其他的项目。

2016-05-14

陈子木

web前端开发

前端开发 1.8w

知道这20个正则表达式，能让你少写1,000行代码

正则表达式，一个十分古老而又强大的文本处理工具，仅仅用一段非常简短的表达式语句，便能够快速实现一个非常复杂的业务逻辑。熟练地掌握正则表达式的话，能够使你的开发效率得到极大的提升。下面是@技匠整理的，在前端开发中经常使用到的20个正则表达式。

2016-05-09

程远

web前端开发

前端开发 1.7w

前端福利！帮你搞定复杂网页布局的Flexbox相关工具

编者按：在很多方面HTML和CSS是一个强大的内容发布机制——易学、灵活和强大。但复杂的布局是他不擅长的。如果你想制作一个复杂的多列布局，要做的众多浏览器的兼容一致那还是很复杂的。

2016-04-18

陈子木

教程 5.5w

零基础也能看懂！写给设计师的前端小知识之网页排版（附实战）

Sunny萧萧：本文作为小白入门级，相对基础，是写给现在想了解一点前端知识的设计师同行们，力求通俗易懂幽默风趣。这一章不仅教大家网页排版的基础知识，还以百度艺术百科的网页为例，带大家简单做一遍，学得会更快，来收！往期回顾：《零基础也能看懂！

2016-04-07

程远

教程 1.4w

零基础也能看懂！写给设计师的前端小知识之征服霸道DIV篇（二）

Sunny萧萧：本文作为小白入门级，相对基础，是写给现在想了解一点前端知识的设计师同行们。文章把前端相关的术语都用设计师熟悉的东西解释一遍，通俗易懂幽默风趣，基于上一篇，要让div乖乖“听话”，今天来应用和深挖float这个属性。上篇回顾：《零基础也能看懂！

2016-04-01

程远

教程 4.1w

零基础也能看懂！写给设计师的前端小知识之小白入门篇（一）

Sunny萧萧：本文作为小白入门级，相对基础，是写给现在想了解一点前端知识的设计师同行们。文章把前端相关的术语都用设计师熟悉的东西解释一遍（比如<body>比喻成画布），通俗易懂幽默风趣，绝对是小白入门的好教程！背景交代（此处省略2000个字…

2016-03-30

程远

教程 1.3w

案例实战！揭秘腾讯火影游戏Html 5背后的设计故事

转眼负责火影手游的创意设计工作一年多了，在这段时间里从《鸣人雏田婚礼》到《重返木叶村》沙盘项目，我们为火影手游尝试了很多风格的H 5和互动站，春节期间我们又尝试了一次剪纸风格的H5，来看这次实战回顾！项目背景：在春节来临之际，我们获悉《火影忍者剧场版-博人传》2.18将在中国上映，这部电影主要讲的是鸣人和他儿子博人间的父子故事。作为火影手游市场设计团队，我们觉得我们可以为《博人传》，为火影手游项目，为火影迷做点什么，给火影迷来点惊喜！

2016-03-01

程远

酷站推荐 2.2w

开工福利！2016年二月设计圈实用干货大合集

新年假期结束，咱们这就要开工啦，先给大家推一发干货助助兴。这次的干货合集延续以往的传统，精致的线性图标，Material Design 设计素材，手势图标，APP展示套件，各种设计模板，视觉稿，插画，UI Kit，PSD模板，Wordpress 和 Bootstrap 模板以及各种开发工具。虽然这些素材种类分散，但是基本都实用可靠，总会有几个能帮到你。

2016-02-14

陈子木

web前端开发

酷站推荐 1.3w

微软官方最新的网站线上测试工具（支持IE全系列）

开发网站时最不想做的就是在不同浏览器、平台和分辨率测试网页显示效果，通常这会浮现许多问题，尤其浏览器版本就可能让显示成效完全不同，也只好尽力维持让每一种设备都能正常浏览网页。修改到完全没有问题必须投入不少时间，我习惯在计算机上安装不同版本的操作系统进行测试，但遇到 IE 就没辄了，除非你安装 XP 或更早的版本才能测试不同的 IE 。如果你觉得这么做很麻烦，现在只要输入网址就能建立在不同浏览器屏幕的截取画面。

2016-02-10

程远

web前端开发

1/4

1
2
3
4
下一页
前往页

大家都在看

ps技巧

文章 636

logo设计

文章 178

App设计

文章 260

ui设计

文章 765

psd下载

文章 133

字体设计

文章 325

神器推荐

文章 280

职场规划

文章 354

设计趋势

文章 194

热门频道

设计专题

热门设计知识精挑细选

细节猎人

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

优设读报

行业资讯一站知晓

优设琅琊榜

顶尖设计作品聚集地

行业新闻

行业大事小事全知道

设计话题

高手大咖在线答疑解惑

热门频道

设计灵感

支持与服务

优设微博

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

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

微信号：uisdc123

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

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

每天官微五分钟

一年萌新变大神

扫码关注

1000W

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