html5 css js工具栏,献给网页设计师的HTML5/CSS3/JS便捷工具

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

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

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

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

60c5638f0d882e88f2b7805d46c7c76f.png

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

FSVS – 全屏垂直滑块

fef3b693beb3016049961cffd0b732c9.png

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

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

70e2d4456541461b18b8ced3ac2b42bc.png

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

Cody House 设计的大图滑块控件

76be2379ef7c5c63ca8655222fd8bbd7.png

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

Elevator.js

34879ef96f48f70d29fbbdd8d0b78006.png

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

Pure CSS Questionnaire Concept (hover items)

33b561a024524c22de25608dcedc37c3.png

固定背景特效

96c783e371822694f16df0e300e4be7f.png

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

使用SVG创造模糊效果

0c127020cb67b9d130633d936e6a0e9f.png

3D 折叠面板

1d7da9d177e03346efb4874cba2cc456.png

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

圆形弹出式导航菜单

d178d6c5d0431eddf6947e2b3533b8ff.png

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

登录框概念设计

ac9cecf252ae32ed1f279eada1d51e73.png

交互式托拽色彩概念设计

eb0da851640f28ba2b91939d901b4a73.png

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值