提高网站可用性的6大原则
爱前端网 - Yang 发布于 2014-10-13
通常,网站有三种类型: 第一种网站有杰出的创意和设计。这样的网站会让你发出「Wow」的赞叹。但是,不幸的是,除了好设计,他们没有更多东西了。 第二种网站缺乏创意和设计,但是你在上面可以立刻找到你想要的东西!但是你会因为他们在视觉上缺乏吸引力而关掉它么? 最佳的网站是将可用性和视觉...
阅读(1556)赞 (0)
爱前端网 - Yang 发布于 2014-10-13
通常,网站有三种类型: 第一种网站有杰出的创意和设计。这样的网站会让你发出「Wow」的赞叹。但是,不幸的是,除了好设计,他们没有更多东西了。 第二种网站缺乏创意和设计,但是你在上面可以立刻找到你想要的东西!但是你会因为他们在视觉上缺乏吸引力而关掉它么? 最佳的网站是将可用性和视觉...
阅读(1556)赞 (0)
爱前端网 - Yang 发布于 2014-10-12
1.图片滑块对比特效Image Comparison Slider Image Comparison Slider是一款可以通过鼠标左右滑动,来显示两张图片前后对比的插件,你可以轻松的使用它来为用户展示网站中两个产品之间的差异。 在线演示 源码下载 2.html5和css3打造一...
阅读(3664)赞 (1)
爱前端网 - Yang 发布于 2014-10-11
1.基于jquery的圆形动画按钮 今天要给大家带来一款基于jquery的圆形动画按钮。这款按钮鼠标经过的时候以边框转圈,然后逐渐消息,在实例中给出了四种颜色的demo。 在线演示 源码下载 2.使用jQuery和CSS3制作数字时钟 数字时钟可以应用在一些WEB倒计时效果、WE...
阅读(2058)赞 (0)
爱前端网 - Yang 发布于 2014-10-10
1.基于jquery和css3实现的摩天轮式分享按钮 之前分享了很多css3实现的按钮。今天要给大家带来一款基于jquery和css3实现的摩天轮式分享按钮。这款分享按钮页面底部有一个toggle按钮,单击该按钮,摩天轮按钮以动画的形式出现,各个分享按钮挂在摩天轮上。 在线演示 ...
阅读(2203)赞 (0)
爱前端网 - Yang 发布于 2014-10-09
1.纯CSS3模拟烧烤动画 今天要来分享一款非常有创意的CSS3动画,这款动画模拟了一个烧烤架,烧烤架上的食物也都是用纯CSS3绘制而成,没有用一张图片,效果相当逼真。另外一个有意思的是,这个CSS3烧烤架还会冒烟,模拟了烧烤时的情景。 在线演示 源码下载 2.纯CSS3实现人物...
阅读(2467)赞 (0)
爱前端网 - Yang 发布于 2014-10-08
HTML5是未来的网页开发神器,今天分享的这些HTML5动画大部分利用了CSS3的动画属性来实现,废话不多说,直接上演示和代码。 1、HTML5/CSS3实现大风车旋转动画 这次我们要来分享一款很酷的HTML5动画,是一个可以旋转的大风车动画效果,回顾一下利用HTML5实现的旋转...
阅读(2626)赞 (0)
爱前端网 - Yang 发布于 2014-10-07
今天总结了几种页面跳转的方法,分别是用meta标签实现、用javascript实现、用php实现,下面就来一一分享一下吧。 1、meta标签实现 只需在head里加上下面这一句就行了,在当前页面停留0.1秒后跳转到目标页面 <meta http-equiv=”r...
阅读(1930)赞 (0)
爱前端网 - Yang 发布于 2014-10-06
我们在写表单的时候会发现一些浏览器对表单赋予了默认的样式,如在Chorme浏览器下,文本框及下拉选择框当载入焦点时,都会出现发光的边框,并且在火狐及谷歌浏览器下,多行文本框textarea还可以自由拖拽拉大,另外还有在IE10下,当文本框输入内容后,在文本框的右侧会出现一个小叉叉...
阅读(1597)赞 (0)
爱前端网 - Yang 发布于 2014-10-05
在做页面遇到兼容性问题时,我们大多用到的是针对IE的CSS Hack,但有时候做出的页面却偏偏在IE上正常,在火狐或谷歌上却产生了兼容问题,这时该怎么办呢?要是能写个专门针对火狐或谷歌的css样式该多好啊。其实不用发愁,确实有这样的CSS Hack。下面来具体看一下吧 针对火狐浏...
阅读(1541)赞 (0)
爱前端网 - Yang 发布于 2014-10-04
1. 手机浏览器兼容性测试结果概要 1.1 XHTML部分 大多数手机不支持的: * 表单元素的“disable”属性 部分手机不支持的: * “button”标签 * “input[type=file]“标...
阅读(1776)赞 (0)
爱前端网 - Yang 发布于 2014-10-03
jQuery 和 CSS 可以说是设计和开发行业的一次革命。这一切如此简单,快捷的一站式服务。jQuery 允许你在你的网页中添加一些真正令人惊叹的东西而不用付出很大的努力,要感谢那些优秀的 jQuery 插件。 所以今天我们将展示一些很酷的文本效果插件,将帮助你为你的 Web ...
阅读(1890)赞 (0)
爱前端网 - Yang 发布于 2014-10-02
1.jquery文本翻转插件Wodry.js Wodry.js 是一个简单的文本翻转/旋转jQuery插件。 Wodry.js动画集合允许你设置动画,设置自己的回调内容翻转等。 在线演示 源码下载 2.轻量级jQuery画廊插件Lighterbox lighterbox是ligh...
阅读(2520)赞 (0)
爱前端网 - Yang 发布于 2014-10-01
1.jquery弹出层(弹窗)插件SexyLightBox sexylightbox插件是lightbox繁衍而来,但它比lightbox更性感、更轻。它的架构使得网页设计师更加易于安装和使用。 查看演示将告诉你为什么它被认为是”性感”。 在线演示 源码下...
阅读(2173)赞 (0)