> 웹 프론트엔드 > HTML 튜토리얼 > HTML5/CSS3/JS便捷工具_html/css_WEB-ITnose

HTML5/CSS3/JS便捷工具_html/css_WEB-ITnose

WBOY
풀어 주다: 2016-06-21 09:01:15
원래의
1238명이 탐색했습니다.

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

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

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

Demo Download

FSVS – 全屏垂直滑块

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

Demo

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

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

Demo

Cody House 设计的大图滑块控件

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

Demo

Elevator.js

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

Demo Download

Pure CSS Questionnaire Concept (hover items)

Demo Download

固定背景特效

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

Demo Download

使用SVG创造模糊效果

这是一个教程,教你如何借助JS和SVG模糊滤镜在HTML元素上创造模糊效果。

Demo Download

3D 折叠面板

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

Demo Download

圆形弹出式导航菜单

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

Demo Download

登录框概念设计

Demo  Download

交互式托拽色彩概念设计

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

Demo  Download

转自优设网,版权归原作者所有!

原文地址:graphicdesignjunction 优设译者:@陈子木

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿