Yang的文章 第38页

WEB前端

em和px哪个更好?

爱前端网 - Yang 发布于 2014-07-03

之前听人说过,网站制作中字体单位应该用em而不用px,原因简单来说就是支持IE6下的字体缩放,在页面中按ctrl+滚轮,字体以px为单位的网站没有反应。px是绝对单位,不支持IE的缩放,em是相对单位。 首先了解一下em是何物? em指字体高,任意浏览器的默认字体高都是16px。...

阅读(470)评论(0)赞 (0)

WEB前端

绝对震撼 7款HTML5动画应用及源码

7

爱前端网 - Yang 发布于 2014-07-02

1、HTML5 Canvas模拟衣服撕扯动画 超级逼真 今天又要来推荐一款HTML5 Canvas动画,是一个模拟衣服撕扯动画,效果非常逼真。刚开始衣服挂在绳子上,用鼠标拖拽衣服即可让衣服摆动起来,当你拖拽的很用力时,你会发现,衣服被撕破了。该HTML5动画会捕获到鼠标拖拽的用力...

阅读(622)评论(0)赞 (0)

WEB前端

IE6下PNG背景透明的七种方法小结

爱前端网 - Yang 发布于 2014-07-02

PNG图像格式介绍: PNG是20世纪90年代中期开始开发的图像文件存储格式,其目的是企图替代GIF和TIFF文件格式,同时增加一些GIF文件格式所不具备的特性。流式 网络图形格式(Portable Network Graphic Format,PNG)名称来源于非官方的&ldq...

阅读(550)评论(0)赞 (0)

WEB前端

meta标签中的http-equiv属性使用介绍

爱前端网 - Yang 发布于 2014-07-02

meta是html语言head区的一个辅助性标签。也许你认为这些代码可有可无。其实如果你能够用好meta标签,会给你带来意想不到的效果,meta标签的作用有:搜索引擎优化(SEO),定义页面使用语言,自动刷新并指向新的页面,实现网页转换时的动态效果,控制页面缓冲,网页定级评价,控...

阅读(561)评论(0)赞 (0)

WEB前端

8款超酷而实用的CSS3按钮动画

8

爱前端网 - Yang 发布于 2014-07-01

1、CSS3分享按钮动画特效 这是一款基于CSS3的社会化分享按钮,按钮非常简单,提供了分享到twitter、facebook、youtube等大型社交网站。每一个分享按钮都有个大社交网站的Logo图标,并且在鼠标滑过这些按钮时,利用CSS3的动画特性出现滑动的动画效果。 在线演...

阅读(1788)评论(0)赞 (2)

WEB前端

Web前端代码规范与页面布局

爱前端网 - Yang 发布于 2014-06-30

一、规范目的: 为提高工作效率,便于后台人员添加功能及前端后期优化维护,输出高质量的文档,在网站建设中,使结构更加清晰,代码简明有序,有一个更好的前端架构,有利于SEO优化。 二、规范基本准则: 符合web标准,使用具有语义的标签,使结构、表现、行为分离,兼容性优良,页面性能优化...

阅读(587)评论(0)赞 (0)

WEB前端

10款强大的jQuery/HTML5应用新鲜出炉

10

爱前端网 - Yang 发布于 2014-06-29

1、CSS3/jQuery自定义弹出窗口 多种弹出动画 这是一款利用jQuery和CSS3实现的自定义弹出窗口,这可比浏览器默认的弹出窗口漂亮多了。弹出窗口中可以自定义html,十分灵活。另外最重要的一个特点是,它利用了jQuery和CSS3可以实现很多种弹出窗口动画效果,挺酷的...

阅读(685)评论(0)赞 (1)

WEB前端

前端CSS规范整理–前端开发

3

爱前端网 - Yang 发布于 2014-06-29

一、文件规范 1、文件均归档至约定的目录中。 具体要求通过豆瓣的CSS规范进行讲解: 所有的CSS分为两大类:通用类和业务类。通用的CSS文件,放在如下目录中: 基本样式库 /css/core  通用UI元素样式库 /css/lib  JS组件相关样式库 /css/ui  业务类...

阅读(572)评论(0)赞 (0)

WEB前端

分享9款用HTML5/CSS3制作的动物人物动画

9

爱前端网 - Yang 发布于 2014-06-27

1、纯CSS3绘制可爱的蚱蜢 还有眨眼动画 今天我们要分享一个利用纯CSS3绘制的蚱蜢动画,非常可爱. 在线演示 源码下载 2、HTML5 Canvas头发飘逸动画 很酷的HTML5动画 HTML5 Canvas动画非常炫酷,很多有创意的开发者可以利用HTML5的Canvas特性...

阅读(1356)评论(0)赞 (2)

WEB前端

8款强大的CSS3/HTML5动画及应用源码

8

爱前端网 - Yang 发布于 2014-06-26

1、CSS3 jQuery UI控制滑杆插件 今天我们要来分享一款基于CSS3和jQuery UI的控制滑杆插件,这款控制滑杆是在HTML5滑杆元素的基础上进行自定义CSS3渲染,所以外观更加漂亮。另外,这款控制滑杆插件是纵向的,当然你也可以通过设置让它水平放置。 在线演示 源码...

阅读(856)评论(0)赞 (1)

WEB前端

10款让人惊叹的HTML5/jQuery图片动画特效

10

爱前端网 - Yang 发布于 2014-06-26

1、HTML5相册照片浏览器 可连接Flickr照片服务 以前我们经常会分享一些jQuery相册浏览插件,效果不错,实用性也很强。不过如果能利用HTML5来实现相册浏览器,那么相册浏览效果肯定会更加炫酷。今天分享的这款HTML5相册浏览器可以连接到Flickr获取照片,也可以连接...

阅读(2506)评论(0)赞 (11)

WEB前端

9款让你眼前一亮的HTML5/CSS3示例及源码

9

爱前端网 - Yang 发布于 2014-06-25

1、HTML5 3D点阵列波浪翻滚动画 今天我们要再分享一款基于HTML5 3D的点阵列波浪翻滚动画特效,同样是非常的壮观。 在线演示 源码下载 2、HTML5小球弹跳动画 很不错的3D小球 今天我要向大家分享一款很逼真的HTML5动画特效,它是3个色彩各异的弹跳小球,每一个小球...

阅读(1560)评论(0)赞 (0)

WEB前端

9款大气实用的HTML5/CSS3注册登录表单

9

爱前端网 - Yang 发布于 2014-06-24

1、HTML5/CSS3仿Facebook登录表单 利用CSS3制作的登录表单的确很漂亮,我们在html5tricks网站上也分享过几款了,比如CSS3密码强度验证表单可以显示密码的强度,这款纯CSS3发光登录表单更是绚丽多彩。今天我们要分享一款仿Facebook的登录表单,无论...

阅读(6916)评论(0)赞 (14)

WEB前端

7 款令人赞叹的 HTML5 动画应用

7

爱前端网 - Yang 发布于 2014-06-24

1、HTML5 3D图片阴影翻转动画 这是一款很酷的HTML5 3D动画特效,这款3D特效可以为你的图片增加阴影的效果,而且可以让图片在鼠标滑过的时候出现3D翻转的动画效果。 在线演示 源码下载 2、HTML5 Canvas波浪动画,可调节波浪高度 这款波浪动画是基于HTML5 ...

阅读(667)评论(0)赞 (0)

WEB前端

9款HTML5实现的超酷特效

9

爱前端网 - Yang 发布于 2014-06-24

1、HTML5是HTML的升级版,HTML5有两大特点:首先,强化了 Web 网页的表现性能。其次,追加了本地数据库Web 应用的功能。广义论及HTML5时,实际指的是包括HTML、CSS和JavaScript在内的一套技术组合。 HTML5 3D 翻转展示幻灯-Banner 效...

阅读(879)评论(0)赞 (0)