提高网站可用性的6大原则
爱前端网 - Yang 发布于 2014-10-13
通常,网站有三种类型: 第一种网站有杰出的创意和设计。这样的网站会让你发出「Wow」的赞叹。但是,不幸的是,除了好设计,他们没有更多东西了。 第二种网站缺乏创意和设计,但是你在上面可以立刻找到你想要的东西!但是你会因为他们在视觉上缺乏吸引力而关掉它么? 最佳的网站是将可用性和视觉...
阅读(1554)赞 (0)
爱前端网 - Yang 发布于 2014-10-13
通常,网站有三种类型: 第一种网站有杰出的创意和设计。这样的网站会让你发出「Wow」的赞叹。但是,不幸的是,除了好设计,他们没有更多东西了。 第二种网站缺乏创意和设计,但是你在上面可以立刻找到你想要的东西!但是你会因为他们在视觉上缺乏吸引力而关掉它么? 最佳的网站是将可用性和视觉...
阅读(1554)赞 (0)
爱前端网 - Yang 发布于 2014-10-12
1.图片滑块对比特效Image Comparison Slider Image Comparison Slider是一款可以通过鼠标左右滑动,来显示两张图片前后对比的插件,你可以轻松的使用它来为用户展示网站中两个产品之间的差异。 在线演示 源码下载 2.html5和css3打造一...
阅读(3659)赞 (1)
爱前端网 - Yang 发布于 2014-10-11
1.基于jquery的圆形动画按钮 今天要给大家带来一款基于jquery的圆形动画按钮。这款按钮鼠标经过的时候以边框转圈,然后逐渐消息,在实例中给出了四种颜色的demo。 在线演示 源码下载 2.使用jQuery和CSS3制作数字时钟 数字时钟可以应用在一些WEB倒计时效果、WE...
阅读(2052)赞 (0)
爱前端网 - Yang 发布于 2014-10-10
1.基于jquery和css3实现的摩天轮式分享按钮 之前分享了很多css3实现的按钮。今天要给大家带来一款基于jquery和css3实现的摩天轮式分享按钮。这款分享按钮页面底部有一个toggle按钮,单击该按钮,摩天轮按钮以动画的形式出现,各个分享按钮挂在摩天轮上。 在线演示 ...
阅读(2200)赞 (0)
爱前端网 - Yang 发布于 2014-10-09
1.纯CSS3模拟烧烤动画 今天要来分享一款非常有创意的CSS3动画,这款动画模拟了一个烧烤架,烧烤架上的食物也都是用纯CSS3绘制而成,没有用一张图片,效果相当逼真。另外一个有意思的是,这个CSS3烧烤架还会冒烟,模拟了烧烤时的情景。 在线演示 源码下载 2.纯CSS3实现人物...
阅读(2461)赞 (0)
爱前端网 - Yang 发布于 2014-10-08
HTML5是未来的网页开发神器,今天分享的这些HTML5动画大部分利用了CSS3的动画属性来实现,废话不多说,直接上演示和代码。 1、HTML5/CSS3实现大风车旋转动画 这次我们要来分享一款很酷的HTML5动画,是一个可以旋转的大风车动画效果,回顾一下利用HTML5实现的旋转...
阅读(2620)赞 (0)
爱前端网 - Yang 发布于 2014-10-07
今天总结了几种页面跳转的方法,分别是用meta标签实现、用javascript实现、用php实现,下面就来一一分享一下吧。 1、meta标签实现 只需在head里加上下面这一句就行了,在当前页面停留0.1秒后跳转到目标页面 <meta http-equiv=”r...
阅读(1926)赞 (0)
爱前端网 - Yang 发布于 2014-10-06
我们在写表单的时候会发现一些浏览器对表单赋予了默认的样式,如在Chorme浏览器下,文本框及下拉选择框当载入焦点时,都会出现发光的边框,并且在火狐及谷歌浏览器下,多行文本框textarea还可以自由拖拽拉大,另外还有在IE10下,当文本框输入内容后,在文本框的右侧会出现一个小叉叉...
阅读(1594)赞 (0)
爱前端网 - Yang 发布于 2014-10-05
在做页面遇到兼容性问题时,我们大多用到的是针对IE的CSS Hack,但有时候做出的页面却偏偏在IE上正常,在火狐或谷歌上却产生了兼容问题,这时该怎么办呢?要是能写个专门针对火狐或谷歌的css样式该多好啊。其实不用发愁,确实有这样的CSS Hack。下面来具体看一下吧 针对火狐浏...
阅读(1538)赞 (0)
爱前端网 - Yang 发布于 2014-10-04
1. 手机浏览器兼容性测试结果概要 1.1 XHTML部分 大多数手机不支持的: * 表单元素的“disable”属性 部分手机不支持的: * “button”标签 * “input[type=file]“标...
阅读(1772)赞 (0)
爱前端网 - Yang 发布于 2014-10-03
jQuery 和 CSS 可以说是设计和开发行业的一次革命。这一切如此简单,快捷的一站式服务。jQuery 允许你在你的网页中添加一些真正令人惊叹的东西而不用付出很大的努力,要感谢那些优秀的 jQuery 插件。 所以今天我们将展示一些很酷的文本效果插件,将帮助你为你的 Web ...
阅读(1883)赞 (0)
爱前端网 - Yang 发布于 2014-10-02
1.jquery文本翻转插件Wodry.js Wodry.js 是一个简单的文本翻转/旋转jQuery插件。 Wodry.js动画集合允许你设置动画,设置自己的回调内容翻转等。 在线演示 源码下载 2.轻量级jQuery画廊插件Lighterbox lighterbox是ligh...
阅读(2515)赞 (0)
爱前端网 - Yang 发布于 2014-10-01
1.jquery弹出层(弹窗)插件SexyLightBox sexylightbox插件是lightbox繁衍而来,但它比lightbox更性感、更轻。它的架构使得网页设计师更加易于安装和使用。 查看演示将告诉你为什么它被认为是”性感”。 在线演示 源码下...
阅读(2167)赞 (0)
爱前端网 - Yang 发布于 2014-09-30
今天在看一本书时又看到了”CSS优先权“这个问题,感觉这个问题还是比较重要的,也算是样式的特异性吧,尤其是在面对较多、较深层、较复杂的样式属性时,理解CSS的加权计算方法对于重写样式属性之类的问题都会迎刃而解。那么接下来我就把CSS的执行顺序及其优先权问题...
阅读(1617)赞 (0)
爱前端网 - Yang 发布于 2014-09-29
CSS3对于background做了一些修改,最明显的一个就是采用设置多背景,不但添加了4个新属性,并且还对目前的属性进行了调整增强。 1、多个背景图片 在css3里面,你可以再一个标签元素里应用多个背景图片。代码类似与css2.0版本的写法,但引用图片之间需用“,&...
阅读(1722)赞 (0)
爱前端网 - Yang 发布于 2014-09-28
CSS语义化命名 从上图我们可以大概看出这里有两种CSS的命名方式:1、结构化命名法;2、语义化命名法。 结构化命名法:根据页面中板块的位置而命名,如上图中的content-left,这时如果我们想把侧边栏sidebar放在左边,那么这时content-left板块却在右边,板块...
阅读(1564)赞 (0)
爱前端网 - Yang 发布于 2014-09-27
对于浏览器兼容问题,我们应该碰到很多了,在平时写一些页面时,在IE8、IE9上可能好好的,当我们在IE6、IE7或者是其他的浏览器上再浏览 这些页面时,可能会发现我们的页面已经面目全非了,作为一名前端开发人员,这是最让人发疯的问题了,那么我们该怎么解决这些问题呢? 首先, 我们写...
阅读(1429)赞 (0)
爱前端网 - Yang 发布于 2014-09-26
1.jquery+css3点击触发循环高亮显示 jquery+css3点击触发循环高亮显示是一款jQuery+css3动画鼠标悬停遮罩图片高亮显示代码。 在线预览 源码下载 2.jquery点击文本框提示标签自动补全 jquery点击文本框提示标签自动补全是一款关键字标签valu...
阅读(2069)赞 (0)
爱前端网 - Yang 发布于 2014-09-25
1.jquery带动画效果幻灯片插件 脚本简介jquery带动画效果幻灯片插件devrama.slider是一款可以在焦点图中嵌入html内容和文字动画效果。 在线预览 源码下载 2.jquery hover事件导航条 脚本简介jquery hover事件导航条是一款鼠标悬停导航...
阅读(1808)赞 (0)
爱前端网 - Yang 发布于 2014-09-24
1.由jquery实现的超炫的页面加载特效 今天为大家带来一款由jquery实现的超炫的页面加载特效。连续的几个页面分开特效。最后由三维的线条由远至近消失,然后由近至远出现。效果超级梦炫。 在线预览 源码下载 2.Flexslider – 响应式的 jQuery 内容滚动插件 F...
阅读(1781)赞 (0)