- 博客(46)
- 收藏
- 关注
RSS订阅原创 丰富多样的网页弹窗提示特效SweetAlert
一直以来，弹窗提示似乎都不怎么受到网民的待见，死板突兀的弹窗提示方式，给许多用户留下了很多负面的印象，只是被人们滥用，最终破坏了其本身的使用价值，尤其是网页中满天飞的弹窗广告，让人感到十分反感！ 其实，弹窗提示本身并没有什么问题，它不仅可以让用户及时的发现操作过程中出现的问题，也可以用于向用户提供有价值的信息，只要善于利用，对于提升网页用户体验是有帮助的，随着前端技术的不断发展和成...
2014-11-19 16:31:33
210
原创 FQA常见在线问题解答模板
分享一款FAQ自定义在线问题解答模板，该模板可以对问答内容进行分门别类，并对每一个问题区域进行伸缩式显示，这样一来就可以有效的缓解问答内容过多，导致网页内容过长的情况出现。 demo演示 下载...
2014-11-19 16:29:35
2166
原创 响应式导航选项卡Tabbed navigations
这是一个专为移动设备优化的响应式导航选项卡，无论你的浏览器处于水平或者垂直状态，它都能够轻松应对，适合所有采用响应式布局的页面。 demo演示 下载 ...
2014-11-19 16:26:31
256
原创 HTML5视频播放器accessible html5 video player
accessible html5 video player 是一款开源的轻量级播放器，采用HTML5视频播放技术，支持字幕显示、视频自由跳播、重播等功能。该html5视频插件由paypal Accessibility 团队开发，兼容所有Firefox、chrome、以及ie10以上版本等浏览器、ie9仅支持内部视频调用。 简洁清新的视频播放界面可以让你在很短的时间内喜欢上它，至少我是真的被...
2014-11-12 11:10:05
361
原创 弹性幻灯片切换特效
分享一款弹性十足的幻灯片切换特效，当你切换内容区域时就会出现摇晃现象，动感十足，该效果基于Snap.svg(一个强大且直观的SVG动画内容操纵API) 和 morphing SVG paths-SVG路径变形技术开发而来。 demo演示 下载...
2014-11-12 10:40:11
123
原创 拖拽式多功能网页幻灯片
分享一款功能丰富的拖拽式多功能网页幻灯片，该幻灯片支持5种不同的切换效果以及全屏显示，在幻灯片中加入拖拽式也非常有利于手机设备的使用。 demo演示 下载...
2014-11-12 10:38:09
234
原创 大型综合响应式下拉导航栏
今天向大家隆重介绍一款功能强悍的多功能下拉导航栏，该导航栏可以满足大型电子商务网站在内容方面分类的需求，而且是响应式的，不仅如此，该导航栏还加入了隐藏式搜索框，只能说效果实在是太赞了，这种丝般顺滑的切换效果正是现代网站所需要的！ demo演示 下载 ...
2014-11-12 10:32:47
427
原创 emmet 基本语法汇总
Emmet是一个可以提高前端开发效率的实用插件，你可以通过极短的代码输入来获得你想要的代码结构，而你需要做的前期工作就是花些时间来熟悉emmet本身的语法，其实这些语法看起来并不复杂，下面就向大家分享一下emmet常用的基本语法。一旦上手熟练emmet的基本语法之后，你会发现写代码是一件无比轻松愉快的事情！ 如果你对emmet还不太熟悉，建议你查看一下之前发布的有关Emmet视频教程...
2014-05-24 19:16:13
425
原创 单页网站头部背景变化特效
今天向大家分享一款在单页设计中常用的头部背景变化特效，大家有没有发现许多采用单页设计的页面都喜欢运用大图头部背景的设计方式，我们都知道大图背景在一定程度上可以增强整个页面的视觉效果，而在大图背景的下方经常会加入一个向下滑动的指示按钮，当用户点击这个按钮时页面就会垂直向下滑动。 这种网站头部背景变化特效使得单页设计的切换跳转显得更加自然和人性化。 今天分享的网站头部背景变化...
2014-05-24 19:11:03
249
原创 平滑跳转固定导航
分享一款平滑跳转固定导航，当你鼠标滚动到相应区域时，当前导航链接就会自动转为高亮显示突出显示的内容，此效果非常适用于单页网站设计的区域跳转。 demo演示 下载地址...
2014-04-09 11:07:28
127
原创 3D网格元素翻转特效
今天向大家分享一款可以翻转网格元素的3d特效，当你点击网格中的图片元素时，该元素就会进行翻转并将它扩展成全屏的方式显示元素背后的内容，创意十足，效果也非常的逼真和生动,该作者还为我们准备了垂直和水平翻转两种效果！ demo演示 下载地址...
2014-03-31 09:43:01
135
原创 图像覆盖特效Image Overlay
分享一款鼠标经过图像覆盖特效Image Overlay，具有六种不同的覆盖效果，兼容目前所有主流浏览器。 demo演示 下载地址
2014-03-31 09:41:37
1861
原创 具备八种不同方式滑出的菜单栏特效
今天向大家分享一款用具备八种不同方式滑出的菜单栏特性，尤其是在设计响应试页面的时候，如何布局菜单栏是我们必须需要考虑的问题，许多web前端开发者 在设计响应试页面时都采用下拉的方式来展现菜单栏，形式比较统一，因此，该菜单栏特效可以让我们能够更加灵活的处理菜单栏的隐藏和显示方式。 demo演示 下载地址...
2014-03-31 09:39:48
179
原创 google 流瀑布画廊滑块
分享一个采用流瀑布网格布局的响应试3d切换画廊，该效果的灵感来源于Chromebook（谷歌笔记本）的入门指南，当你点击流瀑布中的内容元素时便会展示出相应的画廊滑块，你还可以通过键盘左右方向键对滑块内容进行切换，对于小屏幕而言滑块内容会根据屏幕尺寸进行相应的调整。 demo演示 下载地址...
2014-03-26 01:20:30
140
原创 富有灵感的图片元素切换特效
今天向大家分享一款种类极为丰富的图片元素切换特效，你可以在下拉框选项中选择自己想要的元素切换效果，目测一共有小图切换，背景切换以及产品元素等三款切换效果，而且每一款切换又包含多种切换方式，种类可谓极其丰富。最重要的是你可以在同一个页面运用多种切换效果，而且完全不会受到限制或者冲突的影响。 演示地址 下载地址...
2014-03-19 17:13:45
156
原创 svg实现的六个loading加载动画
我们在制作网页的时候常常会用到loading加载动画，尤其是加载图片的时候，加入一个小的加载动画背景可以在一定程度上减少用户等待所产生的焦虑情绪，可以说是提升用户体验的小细节吧。 在svg出现之前我们选择加载动画一般都是通过gif格式的图片实现的，但也有一个弱点就是gif图片一旦做出来就无法改动了，但svg实现不同，它可以通过代码随时修改加载的动画效果,可实现的种类非常丰富。...
2014-03-19 17:11:41
1865
原创 倾斜视角3d立体滑动幻灯片
从早期的网页flash幻灯片，再到目前大量采用jquery实现的幻灯片，在前端开发的这个领域，幻灯片技术的发展早已不仅仅满足与于渐变和滑动这两中形式。前端开发者们已经开始将3d视觉效果以及更加丰富的动画特效融入到幻灯片中。 今天向前端爱好者们分享一款倾斜视角3d立体滑动幻灯片，该效果十分融入了目前流行的3d透视技术，并将图片和文字的切换做了一些时间差的调整。 F...
2014-03-15 10:26:51
160
原创 html5 3d 翻转展示
这是一个html5 3d 翻转的幻灯片演示特效，展示了HTML5和js搭配实现的3D立体翻转效果。乔布斯当年曾预言新一代web技术html5将会在web页面中大量使用，我明白了为什么他当年不惜自身的苹果设备抛弃flash而大力支持html5技术的推广。 演示地址 下载地址 ...
2014-03-03 16:33:06
341
原创 简洁易用的拖拽式滑动幻灯片fotorama
fotorama是一款十分简洁易用的拖拽式幻灯片，我们平常使用ipad等平板电脑或者智能手机在浏览图片相册时，一般都是使用手指进行来回拖动，所以，如果你想找一个可以支持这些设备的拖拽式滑动幻灯片，fotorama正好可以满足你的需求。 演示地址 下载地址...
2014-02-27 15:28:21
298
原创 Justified 灯箱画廊特效
Justified是一款综合性的lightbox插件，具备鼠标经过缩略图,标题渐变显示以及常用的灯箱特效。你可以通过Justified提供的js属相修改缩量图的对齐方式，或者是否具备lightbox等功能。 演示地址 下载地址...
2014-02-27 15:26:36
317
原创 响应试jquery画廊Galereya
Galereya是一个易于使用和修改的响应试画廊特效插件，支持键盘左右切换和自动暂停播放，Galereya还加入了流瀑布分类与图片预加载功能一步到位。 演示地址 下载地址...
2014-02-27 15:24:37
95
原创 css焦点图片裁切技术
今天分享一个非常实用的技术，通过该方法你可以轻松的将它使用到文章的缩量图方面，而不需要特意的用photoshop等软件对图片进行重新的裁切。 采用该方法有一个好处就是它自身的灵活性，你可以自定义图片裁切的位置，而你要做的就是需根据需要简单的修改一下HTML代码就足够了。 实现的效果 焦点裁切技术是由一个名叫Adam Bradley的作者所创建的，响应试图片概...
2014-02-13 14:47:04
166
原创 多功能图片滚动插件owl.carousel
owl.carousel是一款多功能图片滚动插件，它本身具备了八种类型的旋转木马图片滚动功能，前端开发者们可以根据自身需求定制出多种类型的旋转效 果，实用性和可定制性都非常强，兼容所有主流浏览器，如果你正在寻找旋转木马的图片滚动插件，使用owl.carousel是再适合不过的了！ 演示地址 下载地址...
2014-02-12 21:56:21
392
原创 纯CSS实现的HTML5响应式导航栏
目前响应试web页面已经逐渐开始盛行，除了将页面的内容以及布局结构实现响应试以外，剩下的重点就是实现导航栏的响应试，当然方法有很多，不过最 近我发现了一个新的无需使用Javascript就能轻松实现响应试导航栏的技术，它采用的是简洁的html5标签结构来实现的应式导航栏，导航栏能够被 轻松的控制在左侧，中部，已经右侧。当鼠标经过导航栏时就会平滑拉菜单，不仅如此该响应式导航栏在手机屏...
2014-02-11 19:42:10
3217
原创 响应试web导航栏
今天分享一款响应试导航栏，该导航栏本身导航栏的宽度是不固定的，它的宽度将以百分比的方式代替固定像素宽度。当浏览器分辨率宽度大于640px 像素或者以上时导航栏将以平铺的方式显示。 当小于640 px 像素或者以下的时候，导航栏将会以竖直的方式显示。 演示页面 下载页面...
2014-02-11 12:27:45
163
原创 响应试灯箱插件image lightbox
Image lightbox是一个轻量级的响应试灯箱插件，并且还具备非常良好的触控体验，兼容ios、windows phone、 Android等手机设备。 Image lightbox支持图片与加载，当用户点击图片时，下一张图片就会被提前加载，从而减少了用户等待的时间，支持键盘左右切换以及六种不同图片灯箱的效果。 演示地址 下载地址 ...
2014-02-08 17:40:49
168
原创 js实现的图片雨滴特效
这是一款利用js实现的模拟雨滴落在玻璃表面的特效，其中令人称奇的是整个过程雨滴会不简单的模出来，效果十分逼真。 演示地址 下载地址...
2014-02-05 13:25:37
410
原创 css3实现的模拟ios程序切换特效
Kontext是一个css3实现的模拟ios程序切换特效，灵感来源于ios中程序间切换的过渡效果，结合了css 3D变换以及JavaScript模拟出该效果，整个切换过程非常舒适自然。 演示地址 下载地址...
2014-01-26 00:13:06
267
原创 滚动中的动感菜单栏特效
你可能曾经看到过无数的菜单栏特效，但是滚动中的菜单栏特效却十分少见，这是一款可以根据滚动内容的指定位置做出相应变化的菜单栏特效，只要鼠标不停的向下滚动就会呈现出效果炫丽的菜单动画效果。 演示地址 下载地址...
2014-01-26 00:10:47
104
原创 如何在网页中使用媒体查询 media queries
响应试设计目前早已渗透到web前端的方方面面，说到响应式设计我们就会用到媒体查询(media queries)，它可以帮助你根据浏览器尺寸对网页中的元素信息相应的布局调整，当然你还可以借助css3的一些新的特性，添加一些过渡效果。无论你是用框架还是自己写的媒体查询方式，你就会感受到它自身灵活的地方，以及给你的网站带来更加完美的用户体验。 HTML 结构下面我将向大家举...
2014-01-22 09:24:19
183
原创 HTML5播放器 MediaElement.js 使用方法
目前已经有很多html5播放器可以使用，使用html5播放器可以轻松的在页面中插入媒体视频，从而使我们的web页面变得更加丰富多彩，所以今 天向大家推荐一款非常优秀的html5播放器MediaElement.js，它不仅能够添加我们常用的html5视频格式（mp4,m4v,mov）， 而且还支持回退方式，即一些低版本的浏览器不支持HTML5播放可以采取flash的方式进行播放，从而达到...
2014-01-22 09:09:27
785
原创 Echo.js 一个简单的JavaScript图片与加载插件
我们都知道目前解决图片与加载问题，有一个十分流行的方法就是使用lazy load延迟加载的特性，使用该方法可以在一定程度上提升网站的加载性能，但今天要介绍的是另外一款与图片预加载插件 Echo.js，它有一个优点就是无需jquery的帮助，非常轻量级大小不足1KB，只需一小段js代码即可实现lazy load相同的效果。 使用方法： 第一步：在要实现图片与加载的 img标签中...
2014-01-21 14:32:18
465
原创 immersive 幻灯片
今天，向大家展示一款崭新的jquery幻灯片immersive，当你切换图片的时候，它可以将幻灯片中的图片虚化放大到背景中的,视觉效果非常出色，这种切换效果Google tv 网站首页幻灯片切换，该幻灯片支持左右滑动，上下滑动，以及渐变切换等效果。 immersive幻灯片插件已经在windowsOSX, iOS, Android, Chrome, Firefox, Safari 以及...
2014-01-21 09:05:48
138
原创 电子商务书籍展示特效BookBlock
BookBlock向我们展示了它强大的3d翻页效果，当你点击look inside链接时，书籍将会以全屏的方式展示内容，你可以对书籍进行左右翻页，不仅如此BookBlock还加入了观看书籍的信息细节，该插件非常适合用于网站中电子书籍的展示和销售。 演示地址 下载地址...
2014-01-20 20:20:20
98
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人