标签:HTML 第22页

WEB前端

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

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

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

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

WEB前端

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

3

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

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

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

WEB前端

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

9

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

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

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

WEB前端

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

9

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

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

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

WEB前端

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

9

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

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

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

WEB前端

10 个超酷的 HTML5/CSS3 应用及源码

10

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

1、CSS3密码强度验证表单,码速表样式 我们在网站上注册会员时,输入一个强大较大的密码会大大增加帐号安全性,那么什么样的密码才比较安全呢?这款CSS3密码强度验证表单插件可以提示你当前输入密码的安全级别,有意思的是该密码强度验证插件的样式酷似码速表,随着密码强度的加大,码速表指...

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

WEB前端

7款HTML5的精美应用教程让你立即爱上HTML5

7

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

1,HTML5/jQuery雷达动画图表图表配置十分简单 分享一款很特别的HTML5图表,它是利用HTML5和jQuery的雷达动画图表,图表数据在初始化的时候带有一定动画。 在线演示 源码下载 2,HTML5模拟牛顿力学碰撞的小球 介绍一款HTML5模拟物理实验,这次模拟的是H...

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

WEB前端

大饱眼福 7款类型各异的CSS3实用菜单

7

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

1、清新小图标的HTML5/CSS3侧边栏菜单 前我们分享过几款CSS3侧边栏菜单,像CSS3侧边栏菜单 带可爱的小图标菜单和CSS3侧边栏手风琴菜单,都非常不错。今天我们要分享的这款CSS3侧边栏菜单和之前这款菜单类似,也带有漂亮可爱的小图标,鼠标滑过菜单项时背景会出现淡入淡出...

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

WEB前端

7款震撼人心的HTML5CSS3文字特效

7

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

1、HTML5像素文字爆炸重组动画特效 今天我们要分享一款基于HTML5技术的文字像素爆炸重组动画特效,我们可以在输入框中指定任意文字,点击确定按钮后,就会将原先的文字爆炸散去,新的文字以像素点的形式组合起来,看起来非常棒。 在线演示 源码下载 2、HTML5/CSS3 3D文字...

阅读(5533)评论(0)赞 (7)

WEB前端

7款震撼人心的HTML5文字特效

7

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

1、CSS3五彩文字特效 文字带阴影效果 这是一款非常具有卡通形象的CSS3五彩文字特效,虽然没有迷人的动画效果,但是五彩缤纷的文字展现在屏幕上也是非常酷的,再加上每一个文字都有不同角度的阴影效果,加上漂亮的英文字体,让整一个文字特效显得非常出色迷人,大家可以在宣传广告页面试试这...

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

WEB前端

6款基于SVG的HTML5应用和动画

6

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

1、HTML5 SVG 3D蝴蝶飞舞动画 逼真超酷 这次我们要分享的这款HTML5动画简直就是逆天,利用SVG制作的3D蝴蝶飞舞动画,蝴蝶飞舞动画非常逼真,蝴蝶飞舞的路线是利用SVG构造的。另外,动画使用了一张立体感很强的天空背景图,让蝴蝶飞舞时更加显得立体逼真。 在线演示 源码...

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

WEB前端

7款纯CSS3实现的炫酷动画应用

7

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

1、纯CSS3实现人物摇头动画 这次我们要来分享一款超级可爱的纯CSS3人物摇头动画,初始化的时候人物的各个部位是利用CSS3动画效果拼接而成,接下来就是人物听音乐的场景,一边听音乐一边摇着脑袋,十分陶醉的样子,周围还会出现跳动的音符动画。 在线演示 源码下载 2、CSS3 Lo...

阅读(1295)评论(0)赞 (3)

WEB前端

8款耀眼的jQuery/HTML5焦点图滑块插件

8

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

1、HTML5/CSS3超酷焦点图特效 带前后翻页按钮 今天要分享的这款HTML5/CSS3焦点图插件切换效果比较简单,但是外观和功能却十分强大。该CSS3焦点图在切换图片时,图片以淡入淡出的方式缩小消失并显示下一张图片。焦点图插件还拥有一套非常大气的前后翻页按钮,是一款非常实用...

阅读(744)评论(0)赞 (3)

WEB前端

10款很酷的HTML5动画和实用应用 有源码

10

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

10款很酷的HTML5动画和实用应用,这里有菜单、SVG动画、Loading动画,总有你喜欢的,而且,每一款HTML5应用都提供源代码下载,方便大家学习和研究,一起来看看吧。 1、HTML5 SVG 树枝分叉动画特效 今天我们来分享一款基于HTML5和SVG的动画效果,它是一个可...

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

WEB前端

13款精彩实用的最新jQuery插件

13

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

1、jQuery特色菜单 圆形动画菜单插件 jQuery是一个非常流行的WEB前端框架,尽管HTML5非常酷,但是如果HTML5结合jQuery的话就能实现更酷更实用的插件。今天分享的这款jQuery特色菜单是圆形动画菜单,菜单项是一个个园,鼠标滑过菜单项时即可展开一个大圆并展示...

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

WEB前端

9款超绚丽的HTML5/CSS3应用和动画特效

9

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

1、CSS3飘带状3D菜单 菜单带小图标 这次我们要来分享一款很特别的CSS3菜单,菜单的外观是飘带状的,并且每一个菜单项有一个精美的小图标,鼠标滑过菜单项时,菜单项就会向上凸起,像是飘带飘动一样,形成非常酷的3D视觉效果。这款CSS3飘带状3D菜单非常适合作一些活动页面的菜单导...

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

WEB前端

10款效果惊艳的HTML5应用和源码

10

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

1、纯CSS3实现打火机火焰动画 这又是一款很酷的纯CSS3动画特效,它是一个可以点燃的打火机,当你用鼠标滑过这只打火机时,打火机就会打开,然后开始出现火焰燃烧的动画特效。另外要说明的是,整个动画都是利用纯CSS3实现的,没有一行JS代码,小伙伴们,这个CSS3动画是不是很酷? ...

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