标签:sidebar

WEB前端

10款web前端基于html5/CSS3应用特效

10

爱前端网 - Yang 发布于 2015-09-14

1.jQuery百叶窗效果焦点图 多种百叶窗动画方式 对于百叶窗动画效果,我们介绍的不是很多,目前就介绍过一款CSS3百叶窗图片切换。这次要给大家带来一个基于jQuery的多种百叶窗动画效果焦点图,焦点图的切换伴随随机的百叶窗动画,每一种百叶窗动画都非常精巧,当然你也可以定义自己...

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

WEB前端

12个创新的网页界面交互和动画效果

12

爱前端网 - Yang 发布于 2015-03-18

产品的用户体验是否被用户所接受,很大一部分取决于交互界面的设计,交互界面设计是整个产品设计中的核心,对于产品品质有着决定性的影响。这里集合了12个来自 Codrops 的创新的界面交互和动画效果,值得我们去研究和使用。 温馨提示:为保证最佳的效果,请在 IE10+、Chrome、...

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

WEB前端

CSS语义化命名及常用命名规则

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

CSS语义化命名 从上图我们可以大概看出这里有两种CSS的命名方式:1、结构化命名法;2、语义化命名法。 结构化命名法:根据页面中板块的位置而命名,如上图中的content-left,这时如果我们想把侧边栏sidebar放在左边,那么这时content-left板块却在右边,板块...

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

WEB前端

Web 开发中很实用的10个效果【源码下载】

10

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

在工作中,我们可能会用到各种交互效果。而这些效果在平常翻看文章的时候碰到很多,但是一时半会又想不起来在哪,所以养成知识整理的习惯是很有必要的。这篇文章给大家推荐10个在 Web 开发中很有用的效果,记得收藏! 1、超炫的页面切换动画效果 今天我们想与大家分享一组创意的页面切换熊效...

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

WEB前端

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

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

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

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