献给网页设计师的HTML5/CSS3/JS便捷工具

是时候为网页设计师的来一组便捷的辅助工具了。日新月异的网页技术革新催生了大量的设计与开发工具,HTML5/CSS3几乎成了设网页设计师的必修课,而强大的JS也为网页提供了更多的可能性。尤其是HTML5,作为一门极为有用且实用的标记语言,它赋予网页设计师创造更优秀网页的可能。

这也是为什么,身为网页设计师的你需要不停地了解最新的技术趋势和新兴工具,这些全新的库、框架、插件和技术能让你的网页如虎添翼。

HTML5使得设计师和开发者在各个不同领域都比之前更强大了。快速,漂亮,安全,响应式,这些特性使使得设计师和开发者可以创造出更加强大更富有创意、更快速、性能优异的APP和网页。所以,接下来我所推荐的工具就是帮你搞定这些问题的。

简约的响应式图表 – CHARTIST.JS



由于社区对于图表类JS库的失望,Chartist.js 诞生了。尽管有上百种不同的库可供你选择,但是用它们的时候,你总会碰到意想不到的问题,需要不停调整。

FSVS – 全屏垂直滑块



这是使用jQuery和CSS3写的一个简约全屏垂直滑块组件,支持鼠标混动、点击并托拽,以及触摸手势。

Nikolay Talanoy 设计的的全屏滑块控件



组件本身的设计令人惊艳,更重要的是它还拥有不错的动效。

Cody House 设计的大图滑块控件



这是一个横跨屏幕响应式且易于定制的滑块控件。

Elevator.js



Elevator.js 修正了老范儿的回到顶部按钮的效果,如果你非常在意这个细节的设计不妨来试试这个吧。

Pure CSS Questionnaire Concept (hover items)



固定背景特效



这是一个不错的模板,充分利用了background-attachment 的CSS属性来创造固定背景的效果。

使用SVG创造模糊效果



3D 折叠面板



使用jQuery和CSS创造出折叠控制面板的效果,隐藏次要内容。

圆形弹出式导航菜单



使用SASS和CSS3营造出来的过度、变换的动画效果,点击图表,弹出更多选项。

登录框概念设计



交互式托拽色彩概念设计



这是一个颇为好玩的插件,当你在处理网站视觉稿的时候,只需要将色彩腿拽到对应的地方就可以实现着色。

(0)

相关推荐

  • 值得网页设计师和前端收藏的实用工具列表

    无论你是丰富的前端,还是刚刚起步的设计师,这些为真正的网页设计师和开发者所准备的实用工具.在线服务.资源和代码片段,都是为你而生的,合理的运用能够让你的网页设计与开发事半功倍. 这次总结的工具总计有4 ...

  • 网页设计师也该关注页面性能

    操作方法 01 一名网页设计师在做具体设计的时候应该考虑的问题有哪些?业务,产品,信息结构,交互,视觉--别忘了还有页面性能.我所崇尚的其实一直都是小作坊似的创业团队协作开发模式,大伙儿能快速沟通,就 ...

  • 为网页设计师而生的14个文本编辑器

    可视化的工具的易用性通常非常优异,因为它更符合人们交互和操作的自然逻辑。不过,要精准控制网页和程序,你总需要一款称心如意的文本编辑器来帮你搞定代码,哪怕是视觉至上的Adobe都会在Master套装里面 ...

  • 15款网页设计师必知的无代码网站搭建平台

    作为设计师,对网站满脑子的构思,却受限于时间和技能(比如写代码),这是何其无奈!那个在你脑中盘桓许久的网站,或许是一个博客,可能是作品展示网站,但无论是哪种,想要让想法落地实现出来终究是一个艰巨的任务 ...

  • 【设计如此简单】网页设计师入门必备知识指南

    网页设计入门之前的知识,多年设计所总结.围绕平面与网页设计之间的不同差异和共同点讲解一些平面与网页知识点.从字体.像素.版式.色彩.如何学习等角度讲解. 大家对于网页设计的认识有多少呢?知道网页和平面 ...

  • 网页设计师接私单经验分享

    私单,在我眼中就是外快,一个赚钱的途径,今天不讨论如何接单,我只分享我的私单经历(当然私单有很多种类,本人是网页设计师,接的都是网站私单). 网站私单我也接过不少,不过我只负责网站的设计与HTML页面 ...

  • 作为一名网页设计师,需要掌握哪些技能?

    一个网站的好坏,除了取决于网站本身的原因,还有一个重要的原因在于一开始设计网站的那位设计师,以及该网站的维护操作人员,那么,在我们的日常中,如果你作为一名网页设计师,你需要掌握哪些技能呢?小编在这为你 ...

  • 网页设计师速成01-大话设计师

    小编:许多想往网页方面发展的童鞋可能会有这样的疑问:网页设计师要怎么入门呢?有没有什么快速入门的方法呢?今天小编给大家带来的就是有关网页设计师快速入门的教程,来自@影天酱的网页设计师速成之大话设计师, ...

  • 网页设计师必备的7项技能

    小编:今天给大家分享的是由网秦UEC带来的网页设计师必备的7项技能.作为一名合格的网页设计师,是不是只用敲敲代码如此简单呢?网页设计工作一半基于正确的编程和设计技巧,另一半则基于是否对美与不美有着直觉 ...