导航升级为侧边栏模式

功能入口更清晰，灵感到创作一键直达

1/4

Web_代码

Web_代码

only_娜娜酱

所属分类：UI/UX

更新于 10年前

采集

181

被关注

449

采集

被关注

ECharts · Doc #教程# 如何使用ECharts：

ECharts · Doc #教程# 如何使用ECharts：

ECharts，是百度开发的开源Javascript图表库

ECharts，是百度开发的开源Javascript图表库

【每日酷站】推荐个制作响应式网站时的栅格神器，或许你现在觉得无所谓，还离你很遥远，等到有一天你要制作一个满足不同屏幕需要，你就知道栅格宝贝的厉害了。如果木有经验，你是哭不出来的！可以自定义列数！列宽！以及列间距，并且可以预览效果图，图上还会明晰标识出宽度>>>O网页链接

【每日酷站】推荐个制作响应式网站时的栅格神器，或许你现在觉得无所谓，还离你很遥远，等到有一天你要制作一个满足不同屏幕需要，你就知道栅格宝贝的厉害了。如果木有经验，你是哭不出来的！可以自定义列数！列宽！以及列间距，并且可以预览效果图，图上还会明晰标识出宽度>>>O网页链接

ReadMe.io : Crowdsource Your Developer Hub

ReadMe.io : Crowdsource Your Developer Hub

【一切为了程序猿！详析手机端的8px原理】作者Akanelee，台湾设计师妹子，上回好玩的《台湾设计师吐槽：我们的UI到底怎么了？》刚发，这回纯干货呈上。做UI设计的童鞋，还没弄懂8px的赶紧来学习一下。全文请戳→http://t.cn/8s1BQ75

【一切为了程序猿！详析手机端的8px原理】作者Akanelee，台湾设计师妹子，上回好玩的《台湾设计师吐槽：我们的UI到底怎么了？》刚发，这回纯干货呈上。做UI设计的童鞋，还没弄懂8px的赶紧来学习一下。全文请戳→http://t.cn/8s1BQ75

【五一福利！12款网页设计师必备神器推荐】@陈子木网络上很多工具都可以协助我们完成工作，我们热衷于发现新的工具，分享新的技巧，但是要时刻掌控最新的工具并不现实。因此，我们为您精心筛选了12款经典有用的工具，它们非常有助于网站建设，不要错过哦→http://t.cn/8smDN41

【五一福利！12款网页设计师必备神器推荐】@陈子木网络上很多工具都可以协助我们完成工作，我们热衷于发现新的工具，分享新的技巧，但是要时刻掌控最新的工具并不现实。因此，我们为您精心筛选了12款经典有用的工具，它们非常有助于网站建设，不要错过哦→http://t.cn/8smDN41

【超赞！WEB前端工程狮适用的20个超有用的文档和指南】sitepoint原址戳→http://t.cn/8sEDlIN

【超赞！WEB前端工程狮适用的20个超有用的文档和指南】sitepoint原址戳→http://t.cn/8sEDlIN

【推荐！漫谈响应式网页设计】作者：zhongfan 是时候来深入认识一下响应式设计咯！全文阅读→http://t.cn/8F9bEnL

【推荐！漫谈响应式网页设计】作者：zhongfan 是时候来深入认识一下响应式设计咯！全文阅读→http://t.cn/8F9bEnL

【超赞！值得网页开发人员收藏的16款HTML5工具】本文收集的20款优秀的 HTML5 Web 应用程序，值得添加到您的 HTML5 的工具箱中，他们能够帮助你开发前端项目更快、更容易。http://t.cn/8F5dNEK

【超赞！值得网页开发人员收藏的16款HTML5工具】本文收集的20款优秀的 HTML5 Web 应用程序，值得添加到您的 HTML5 的工具箱中，他们能够帮助你开发前端项目更快、更容易。http://t.cn/8F5dNEK

【推荐！24套联系人表单设计（源码）】可以先通过demo浏览效果，觉得交互特效和设计适合自己，然后再因地制宜的嵌入到自己的小项目中！ http://t.cn/8Fqs4Px

【推荐！24套联系人表单设计（源码）】可以先通过demo浏览效果，觉得交互特效和设计适合自己，然后再因地制宜的嵌入到自己的小项目中！ http://t.cn/8Fqs4Px

【干货！25套免费高质量的响应式网页模板下载(CSS3+HTML5)】2个关键字！高质量+免费。感谢无私分享的作者们。好资源就不多说了，大家戳进来看就知道咯http://t.cn/8FGNDee

【干货！25套免费高质量的响应式网页模板下载(CSS3+HTML5)】2个关键字！高质量+免费。感谢无私分享的作者们。好资源就不多说了，大家戳进来看就知道咯http://t.cn/8FGNDee

【酷站推荐！Themeclue】迄今为止寻找wordpress主题最便捷的网站。而且网站模版都很不错，要建站的同学们千万不要错过了。→http://t.cn/8Fzk9v7

【酷站推荐！Themeclue】迄今为止寻找wordpress主题最便捷的网站。而且网站模版都很不错，要建站的同学们千万不要错过了。→http://t.cn/8Fzk9v7

【未来大趋势！响应式图标设计】说实话，第一次听到“响应式图标”我也觉得怪怪的，正如不久之前，人们为了让图标字体更适合不同设备，而更改它们的大小一样，但是这一想法却让响应式设计以及图标设计有了长足的进步。那么今天，我们就来八一八，这到底什么个什么玩意儿。→http://t.cn/8kNQd5Y

【未来大趋势！响应式图标设计】说实话，第一次听到“响应式图标”我也觉得怪怪的，正如不久之前，人们为了让图标字体更适合不同设备，而更改它们的大小一样，但是这一想法却让响应式设计以及图标设计有了长足的进步。那么今天，我们就来八一八，这到底什么个什么玩意儿。→http://t.cn/8kNQd5Y

【年终大盘点！2013年值得关注的CSS工具和资源】这篇文章我们将分享web网页设计师们最喜欢的CSS资源集合：框架、UI工具包和提高效率的工具，在过去的2013年里，这些都是得到好评的资源和工具，它们都允许您快速启用到你的下一个web项目中。收藏请戳→http://t.cn/8kNwlBM

【年终大盘点！2013年值得关注的CSS工具和资源】这篇文章我们将分享web网页设计师们最喜欢的CSS资源集合：框架、UI工具包和提高效率的工具，在过去的2013年里，这些都是得到好评的资源和工具，它们都允许您快速启用到你的下一个web项目中。收藏请戳→http://t.cn/8kNwlBM

【谁说设计师不会写代码？超简单PS脚本语言介绍】timmliu ：你可以使用PS的动作来使工作流程自动化，这是很流行的，大多数人都知道并且已经在使用的方法。今天我们将介绍给你一种高级的自动化技巧：脚本语言。我将要告诉大家，脚本语言并不是那么难掌握。→http://t.cn/8k6Aoq8

【谁说设计师不会写代码？超简单PS脚本语言介绍】timmliu ：你可以使用PS的动作来使工作流程自动化，这是很流行的，大多数人都知道并且已经在使用的方法。今天我们将介绍给你一种高级的自动化技巧：脚本语言。我将要告诉大家，脚本语言并不是那么难掌握。→http://t.cn/8k6Aoq8

【超赞！30个非常有用CSS3教程】到目前为止，还是有同学不了解CSS3，那么我觉得这个夜晚花点来接触一下备受瞩目的热门CSS3吧！涵盖了目前网页web前端的主流教程，非常非常值得收藏学习！→http://t.cn/zQoWydR

【超赞！30个非常有用CSS3教程】到目前为止，还是有同学不了解CSS3，那么我觉得这个夜晚花点来接触一下备受瞩目的热门CSS3吧！涵盖了目前网页web前端的主流教程，非常非常值得收藏学习！→http://t.cn/zQoWydR

【想学响应式设计？来看史上最全的响应式设计资源库】本文的目的在于为大家集中推荐一些最有价值的响应式设计资源。包含了CSS框架、在线工具、准备阶段的工具等等。对于网页设计师，这个不撸起来，肠子都会悔青的啊，不开玩笑http://t.cn/8k2lkiB

【想学响应式设计？来看史上最全的响应式设计资源库】本文的目的在于为大家集中推荐一些最有价值的响应式设计资源。包含了CSS框架、在线工具、准备阶段的工具等等。对于网页设计师，这个不撸起来，肠子都会悔青的啊，不开玩笑http://t.cn/8k2lkiB

【不要落伍！来和小伙伴一起学习响应式网页设计】响应式设计现在已经成为设计师学习的焦点。我发现群内有很多相关的讨论了，这说明我们平时接触该类案例越来越多。你会渐渐发现，我们身边越来越多的企业和客户关注到响应式网站，作为勤奋的设计师，怎么可以落伍呢？全文阅读→http://t.cn/8kz1ZeY

【不要落伍！来和小伙伴一起学习响应式网页设计】响应式设计现在已经成为设计师学习的焦点。我发现群内有很多相关的讨论了，这说明我们平时接触该类案例越来越多。你会渐渐发现，我们身边越来越多的企业和客户关注到响应式网站，作为勤奋的设计师，怎么可以落伍呢？全文阅读→http://t.cn/8kz1ZeY

【经验分享：响应式排版中的基础知识】Arrietty 在重整旗鼓的热情中，我写了一篇关于响应式排版的博客，这篇文章主要专注于我们最近的实验，我决定从头做起，一步一步解释响应式排版→http://t.cn/zRfPKLR

【经验分享：响应式排版中的基础知识】Arrietty 在重整旗鼓的热情中，我写了一篇关于响应式排版的博客，这篇文章主要专注于我们最近的实验，我决定从头做起，一步一步解释响应式排版→http://t.cn/zRfPKLR

【给程序猿看的web页面设计和排版】不擅长界面设计，但是又想与设计妹妹和谐友爱的开展工作，你想过木有来来了解学习一下网页设计的排版布局小知识呢？至少这样设计菇凉不会泪眼婆娑的看着你把她辛苦打造的设计稿最后改的面目全非。拿出一点时间来欣赏下本文的案例吧。http://t.cn/zT1vdj1

【给程序猿看的web页面设计和排版】不擅长界面设计，但是又想与设计妹妹和谐友爱的开展工作，你想过木有来来了解学习一下网页设计的排版布局小知识呢？至少这样设计菇凉不会泪眼婆娑的看着你把她辛苦打造的设计稿最后改的面目全非。拿出一点时间来欣赏下本文的案例吧。http://t.cn/zT1vdj1

【先忘记栅格吧！你应掌握的11个创新布局技法】老手经验丰富，基础扎实，他们会凭借自己的感觉去摸索成功的方式，并不会严格遵循栅格，但是最终的效果却同样出彩。我们来看看这些设计师们是如何打破规则的吧！→http://t.cn/zR9w7xL

【先忘记栅格吧！你应掌握的11个创新布局技法】老手经验丰富，基础扎实，他们会凭借自己的感觉去摸索成功的方式，并不会严格遵循栅格，但是最终的效果却同样出彩。我们来看看这些设计师们是如何打破规则的吧！→http://t.cn/zR9w7xL

【碉堡！CSS实现的精美视觉作品】不会画画的工程师不是好设计？看看这组Josh Bader用CSS实现的作品吧！细腻的展示了苹果历代的经典鼠标。各位设计师尝试过用CSS设计吗？演示地址：http://t.cn/zRKuNPR （设计师网址导航http://t.cn/zTzjsnt 也曾极力推荐，学前端技术的顶尖站点）编辑:@MartinRGB

【碉堡！CSS实现的精美视觉作品】不会画画的工程师不是好设计？看看这组Josh Bader用CSS实现的作品吧！细腻的展示了苹果历代的经典鼠标。各位设计师尝试过用CSS设计吗？演示地址：http://t.cn/zRKuNPR （设计师网址导航http://t.cn/zTzjsnt 也曾极力推荐，学前端技术的顶尖站点）编辑:@MartinRGB

【超赞！20个网页设计师应该学习的CSS3经典教程实例】设计师要是有兴趣的话，完全可以学习了解一些简单的CSS3技术。设计师学习前端代码是否会很困难呢？No！就像我们学设计一样，最基本的方法就是模仿，以及观看优秀案例。今天我们为您收集了20个基础经典教程，推荐收藏→http://t.cn/zRMrUxH

【超赞！20个网页设计师应该学习的CSS3经典教程实例】设计师要是有兴趣的话，完全可以学习了解一些简单的CSS3技术。设计师学习前端代码是否会很困难呢？No！就像我们学设计一样，最基本的方法就是模仿，以及观看优秀案例。今天我们为您收集了20个基础经典教程，推荐收藏→http://t.cn/zRMrUxH

【超赞！俏皮弹窗的72变】还在用默认的弹窗么？来看看这里各色各样有趣的动态弹窗吧！推荐收藏，100%有用哟。请使用高级浏览器查看→http://t.cn/zHeka2a 【附：40个超赞的html5教程】http://t.cn/zHDILTI

【超赞！俏皮弹窗的72变】还在用默认的弹窗么？来看看这里各色各样有趣的动态弹窗吧！推荐收藏，100%有用哟。请使用高级浏览器查看→http://t.cn/zHeka2a 【附：40个超赞的html5教程】http://t.cn/zHDILTI

【还在用谷歌的截图？推荐三款地图设计工具】@JJ-Ying 经常有类似「关于页面上给爷放个公司地图」这样的设计需求吧。又或者在相关界面、图标上要摆那么一块假地图之类的，如果直接截屏谷歌或者百度地图基本上就弱爆了，试试看下面几个跟地图有关的工具吧~能做出一些不一样的效果→http://t.cn/zR40p0F

【还在用谷歌的截图？推荐三款地图设计工具】@JJ-Ying 经常有类似「关于页面上给爷放个公司地图」这样的设计需求吧。又或者在相关界面、图标上要摆那么一块假地图之类的，如果直接截屏谷歌或者百度地图基本上就弱爆了，试试看下面几个跟地图有关的工具吧~能做出一些不一样的效果→http://t.cn/zR40p0F

【推荐：设计响应式网站的十个热门框架】本篇文章汇总了国外设计师所推崇的大量热门框架模板，收藏之前，先来瞧瞧吧：）http://t.cn/zYPYZAw

【推荐：设计响应式网站的十个热门框架】本篇文章汇总了国外设计师所推崇的大量热门框架模板，收藏之前，先来瞧瞧吧：）http://t.cn/zYPYZAw

【经验分享：关于交互Demo设计的一些建议】Heyuchan 这里简单分享下自己在项目过程中的交互Demo设计的一些心得。一、遵守栅格规范；二、不要使用截图与颜色；三、不要沉迷于复杂的交互动作效果；四、一定要有一套属于自己的控件库；五、善用master提高效率；六、版本存档很重要；http://t.cn/zR7iheY

#UI设计# ”草图绘制：步骤分解以及建议“ 在上一篇文章http://t.cn/z8HoMWr中，提出了草图绘制过程中的一些误区，而本文将着重讲述草图绘制的三大环节，并进行步骤分解，在最后给出了建议，这是一篇很实用的草图设计流程规范。 #SKYUI#

【每日酷站】favico.js 可以让扩展网站 Favicon 的效果，比如：加标记(邮件收件箱的数字可以显示在 icon上，也可以加各种字符) 换颜色(可以选择你喜欢的颜色加上) ，放视频(效果很牛啊)，显示摄像头画面（太有想象力了的功能）。围观地址→http://t.cn/z8Maz0T @饿了么UED

【每日酷站】favico.js 可以让扩展网站 Favicon 的效果，比如：加标记(邮件收件箱的数字可以显示在 icon上，也可以加各种字符) 换颜色(可以选择你喜欢的颜色加上) ，放视频(效果很牛啊)，显示摄像头画面（太有想象力了的功能）。围观地址→http://t.cn/z8Maz0T @饿了么UED

【另辟蹊径！用CSS Tables实现用户界面开发和交互式布局】本文提供了简单可靠的UI布局解决方案，因为CSS tables十分简单易懂，因此在交互式设计中用起来十分方便。下面我们来具体介绍这些超赞的CSS属性。@七印部落翻译推荐！→http://t.cn/z8JGZDI

【另辟蹊径！用CSS Tables实现用户界面开发和交互式布局】本文提供了简单可靠的UI布局解决方案，因为CSS tables十分简单易懂，因此在交互式设计中用起来十分方便。下面我们来具体介绍这些超赞的CSS属性。@七印部落翻译推荐！→http://t.cn/z8JGZDI

【干货！10款设计师必备的响应式网页设计工具】@MartinRGB 随着便携设备用户的迅速增长，越来越多网页设计师采用响应式设计作为多平台布局解决方案，当然，如果你毫无经验，不知从何开始，那么这份工具列表将大大的帮助你，能够让你的布局更有“弹性”。→http://t.cn/z8xWFR7

【干货！10款设计师必备的响应式网页设计工具】@MartinRGB 随着便携设备用户的迅速增长，越来越多网页设计师采用响应式设计作为多平台布局解决方案，当然，如果你毫无经验，不知从何开始，那么这份工具列表将大大的帮助你，能够让你的布局更有“弹性”。→http://t.cn/z8xWFR7

【酷站推荐：所见即所得的定制CSS3代码效果】想要和前端沟通一些效果，可以通过这个工具来实现哦→ http://t.cn/z8cSRrn @饿了么UED

【酷站推荐：所见即所得的定制CSS3代码效果】想要和前端沟通一些效果，可以通过这个工具来实现哦→ http://t.cn/z8cSRrn @饿了么UED

【干货！你应该到这里寻找网页设计灵感】不是经常有同学问去哪里寻找网页设计的灵感么？告诉你吧，就是在这些网页灵感画廊里哟！33个风格精美、内容丰富的CSS灵感画廊，每一个网站都很专业，收集了各式各样的采用CSS3+HTML5制作的一流优秀网页。推荐收藏 →http://t.cn/z8VynxP

【干货！你应该到这里寻找网页设计灵感】不是经常有同学问去哪里寻找网页设计的灵感么？告诉你吧，就是在这些网页灵感画廊里哟！33个风格精美、内容丰富的CSS灵感画廊，每一个网站都很专业，收集了各式各样的采用CSS3+HTML5制作的一流优秀网页。推荐收藏 →http://t.cn/z8VynxP

网络错误，请重试或检查网络状态