程序猿必备的10款web前端开发插件一
1.CSS3实现的火柴燃烧Loading加载动画
这次我们要给大家分享一款非常特别的CSS3 Loading加载动画,整个Loading加载动画就好像是火柴在燃烧一样,不足的是火苗并没有那么真实,比较抽象,不过这款Loading动画还是比较富有创意,非常适合在一些个性化的页面上使用。

2.纯CSS3精美样式的飘带特效
还记得之前我们分享过一些基于CSS3的飘带样式菜单吗?比如这款CSS3 飘带菜单 超酷3D CSS3菜单和CSS3飘带状3D菜单 菜单带小图标。今天我们要给大家介绍另外一种CSS3飘带样式的特效,它非常适合在图片上标注一些文字描述,样式非常精美。

3.纯CSS3实现阴阳太极动画
这是一款很有趣的纯CSS3小动画,它是我们中国人都非常熟悉的阴阳太极图案,整个图案是利用纯CSS3绘制而成,而且更酷的是,这个太极图案还会不断旋转,看上去非常的神秘。而且这个旋转动画特效也是利用CSS3的动画属性实现。

4.jQuery/CSS3邮票边框的照片墙相册
今天我们要给大家分享一款非常个性化的照片墙,它的特点是我们可以将照片随意的陈列在桌面上,可以是不同的摆放角度;另外一个特点是图片的边框是邮票样式的,一张张图片就像漂亮的邮票一样,而且鼠标滑过图片时,图片右下角将会翻起,并且出现淡淡的投影,看上去很有立体的视觉效果。

5.jQuery圆弧形图片播放插件 可自动播放
今天我们要为大家介绍一款非常有特色的jQuery图片播放插件,之前我们介绍的jQuery焦点图要么是左右切换,要么是上下切换,然后带有不同的过渡动画特效。但这款jQuery图片切换插件是沿着圆弧进行轮播切换的,更具有立体感,而且它也支持自动循环播放。

6.纯CSS3实现图文轮播焦点图插件
以前我们分享过很多基于jQuery和CSS3的焦点图插件,但是大部分都是多张图片的轮播。今天要介绍的虽然也是一款基于CSS3的焦点图插件,但是它的特点是可以同时进行图文轮播,准确的说,每个画面都可以自定义网页元素,是一款非常实用的焦点图插件。

7.经典的jQuery垂直手风琴二级下拉菜单
最近我们刚刚为大家分享过一款基于jQuery和Bootstrap的垂直手风琴下拉菜单,效果非常不错。今天我们要再为大家介绍另外一款经典的jQuery垂直手风琴二级下拉菜单,菜单的界面非常简洁,菜单项由文字和小图标组成,非常适合网站后台管理的侧边菜单栏。

8.纯CSS3绘制可爱的神奇宝贝
CSS3非常强大,之前我们还介绍过很多基于纯CSS3的动画特效,比如纯CSS3绘制的旺仔头像动画,非常可爱。今天我们要为大家分享一款纯CSS3绘制可爱的神奇宝贝动物形象,特别的是,它还会眨眼、摇尾等表情,非常逼真。

9.jQuery头像裁剪插件 支持自定义上传图片
这是一款非常实用的jQuery头像裁剪插件,利用这款插件,我们可以对用户上传的头像图片进行区域的选定,然后按照约定的比例进行裁剪。这款jQuery头像裁剪插件不仅支持图片的缩放,而且支持用户自定义上传图片,简单易用,是一款很难得的jQuery插件。
![]()
10.超绚丽的 Bootstrap 水晶样式按钮集合
html5tricks网站开办以来,我们已经为大家分享过很多炫酷实用的按钮插件,有些基于HTML5,有些则是基于jQuery。这次我们要分享一款基于Bootstrap样式的水晶样式按钮,有很多种颜色样式供你选择,外观非常绚丽。你可以选择一个样式应用到自己的网页中。

程序猿必备的10款web前端开发插件一的更多相关文章
- 程序猿必备的8款web前端开发插件三
1.HTML5 Canvas 3D波浪翻滚动画 之前我们分享过好几款基于HTML5 Canvas的波浪和水波纹动画,比如这款HTML5 3D波浪起伏动画特效和这款超酷无比的HTML5 WebGL水面水 ...
- 程序猿必备的10款web前端动画插件
1.基于jQuery的瀑布流图片筛选插件 瀑布流的展现方式在目前的网页中用得越来越广泛,特别是图片和首页文章的动态加载. 今天分享的这款就是基于jQuery的瀑布流图片筛选插件,我们可以点击图片分类名 ...
- 程序猿必备的10款web前端动画插件一
1.动画SVG框架幻灯片 在幻灯片之间切换时显示动画SVG帧的实验性幻灯片.不同的形状可以用来创建各种风格. 我们想和大家分享一个实验幻灯片.我们的想法是在从一个幻灯片转换到另一张幻灯片时,使SVG帧 ...
- 程序猿必备的10款超有趣的SVG绘制动画赏析
SVG作为时下比较新颖的技术标准,已经建立了很多基于SVG的前端项目.由于SVG在绘制路径上非常灵活,我们将很多网页上的元素使用SVG来绘制而成,有各种人物.小图标.小动画等等.今天我们收集了10个非 ...
- 程序猿必备的10款超炫酷HTML5 Canvas插件
1.超炫酷HTML5 Canvas 3D旋转地球动画 这是一款基于HTML5 Canvas的3D地球模拟动画,动画以太空作为背景,地球在太空中旋转,同时我们也可以拖拽鼠标来从不同的角度观察地球.另外我 ...
- 10款Web前端工具
10款让Web前端开发人员生活更轻松的实用工具.每个Web开发人员都有自己的工具箱,这样工作中碰到的每个问题都有一个好的解决方案供选择. 对于每一项工作,开发人员需要特定的辅助工具,所以如果下面这些工 ...
- 10款web前端基于html5/CSS3应用特效
1.jQuery百叶窗效果焦点图 多种百叶窗动画方式 对于百叶窗动画效果,我们介绍的不是很多,目前就介绍过一款CSS3百叶窗图片切换.这次要给大家带来一个基于jQuery的多种百叶窗动画效果焦点图,焦 ...
- 2017年10月WEB前端开发实习生面试题总结
从大一开始学习前端,今年大三,10月份开始投简历,陆续收到很多家公司的面试,目前为止的面试通过率是百分之百,总结下面试题. 不定期更新中... 百度第一次 一面 1.AJAX流程 2.promise简 ...
- WEB 前端开发插件整理
下拉框插件 1.select http://select2.github.io/ 2.双 select http://loudev.com 3.selectbox http://aui.github. ...
随机推荐
- Micro Python - Python for microcontrollers
Micro Python - Python for microcontrollers MicroPython
- AsyncTask 与 对话框显示 view.WindowManager$BadTokenException: Unable to add window…is not valid; is your a
最近遇到一个奇葩的问题,好郁闷 之前也没有仔细看.问题偶尔出现一次.再去查看日志时,出现 view.WindowManager$BadTokenException: Unable to add win ...
- Android基础&进阶
http://blog.csdn.net/liuhe688/article/details/9494411
- [转载]Vertica “ERROR: Too many ROS containers exist”
最近在用Vertica的时候碰到一个问题,Vertica在运行了一段时间后总是出现类似下面的错误 1: java.sql.SQLException: [Vertica][VJDBC](5065) 2: ...
- robots.txt网站爬虫文件设置
目录: 什么是robots.txt robots.txt使用误区 robots.txt使用技巧 什么是robots.txt? robots.txt是搜索引擎中访问网站的时候要查看的第一个文件.Robo ...
- hadoop之mapreduse 在Eclipse下的调试环境篇
搭建完毕环境后,開始调试mapreduse程序. 可是遇到不停的报错.本人非常讨厌在自己的操作系统环境变量里设置来设置去,包含linux也是. 通常喜欢把设置环境变量在启动程序的脚本中.让脚本自己执行 ...
- NET中级课--设计模式1
1.分类 创建型 结构型 行为型 2.总体思路 使用接口和抽象类 3.创建型 工厂: 单例:整个系统中对象是唯一的或固定数目的对象如对象池 4.结构型
- Java IO4:字符流进阶及BufferedWriter、BufferedReader
字符流和字节流的区别 拿一下上一篇文章的例子: 1 public static void main(String[] args) throws Exception 2 { 3 File file = ...
- YUI的类型判断函数
1.首先定义一个关于类型的对象,及相关变量 类型判断对象 ar L = Y.Lang || (Y.Lang = {}), STRING_PROTO = String.prototype, TOSTRI ...
- Lucene学习总结之四:Lucene索引过程分析
对于Lucene的索引过程,除了将词(Term)写入倒排表并最终写入Lucene的索引文件外,还包括分词(Analyzer)和合并段(merge segments)的过程,本次不包括这两部分,将在以后 ...