摘要:在后台或OA系统中最常用到的布局往往是一个全屏布局,一般都是上中下三行两列布局,页头、页脚、左侧菜单加一个右侧ifame框架页。所以那种带折叠的二级菜单是会经常使用到的,本例便是实现这样一种比较通用的全兼容可高亮二级缓冲折叠菜单。 阅读全文
posted @ 2010-05-28 02:59 Biny 阅读 (14962) 评论 (31) 编辑
摘要:一、不要使用section作为div的替代品 人们在标签使用中最常见到的错误之一就是随意将HTML5的section等价于div具体地说,就是直接用作替代品(用于样式)。在XHTML或者HTML4中,我们常看到这… 阅读全文
posted @ 2011-10-11 21:04 Biny 阅读 (9710) 评论 (4) 编辑
摘要:链接的虚线框影响整体风格,我们在工作经常会将它去掉,而采用图片高亮的方式来显示焦点状态。然而去掉虚线框在两种浏览器中却分别对待,这种技巧经常用到,作个记录,以备不时之需。 阅读全文
posted @ 2011-09-23 21:31 Biny 阅读 (10790) 评论 (1) 编辑
摘要:前言HTML 5如同一场革命,正在Web2.0后时代轰轰烈烈的进行着。HTML 5是什么,无须我在这里赘述了。对于HTML 5的革新,按我的理解,可以总结为语义明确的标签体系、化繁为简的富媒体支持、神奇的本地数据存储技术、不需要插件的富动画(canvas)、强大的API支持。总之,HTML 5让人机交互,人网交互变得更加舒适,贴合用户。以往对富媒体应用与本存储的支持乏力也不再是浏览器的切肤之痛。将Web从内容平台推向标准化的应用平台,并一统各在平台阵营的标准,才是HTML 5革命的初衷。本文,我就抛砖引玉,阐述HTML 5的革新之一:语义更明确简洁的结构。从”头”说起一个标准的XHTML头部代 阅读全文
posted @ 2011-04-13 14:21 Biny 阅读 (4957) 评论 (1) 编辑
摘要:自HTML5标准的提出就得到非常多的关注,而作为全球使用用户最多的IE浏览器能够支持HTML5标准也是大家备受关注一个问题,上周微软在技术大会上就表示目前微软正在开发的IE9将更加支持HTML5标准,但对于IE9是否将完全支持HTML5所有的标准,微软却表现的有点含糊其辞。HTML5标准能为网页带来更高效更洁净的代码,只有微软参与HTML5的设计工作,才能让IE浏览器识别更多的新元素。HTML5标准预计是在2022年向全世界发布,虽然目前距他发布的日期还有3年左右的时间,但是我认为它距离我们并不是那么遥远,目前很多网站的设计和开发都是在采用HTML5的标准。在HTML5标准的制定和推广方面,苹 阅读全文
posted @ 2011-04-13 14:04 Biny 阅读 (4771) 评论 (0) 编辑
摘要:CSS3与HTML5的推出,也让各种浏览器的兼容性成了许多设计师关心的问题,本文以表格形式排列了目前主流浏览器对于CSS3与HTML5支持情况。 支持 CSS3 和 HTML5 的浏览器越来越多,甚至包括最新版的 IE,当然,所谓支持仅仅是部分支持,因为 CSS3 和 HTML5 的W3C 规范都尚未形成。如果你现在就希望使用 CSS3 和 HTML5 创建你的站点,至少要对各个浏览器对这两种新技术的支持情况有一个全面了解。 阅读全文
posted @ 2011-04-13 13:22 Biny 阅读 (4998) 评论 (0) 编辑
摘要:在后台或OA系统中最常用到的布局往往是一个全屏布局,一般都是上中下三行两列布局,页头、页脚、左侧菜单加一个右侧ifame框架页。所以那种带折叠的二级菜单是会经常使用到的,本例便是实现这样一种比较通用的全兼容可高亮二级缓冲折叠菜单。 阅读全文
posted @ 2010-05-28 02:59 Biny 阅读 (14962) 评论 (31) 编辑
摘要:本来前三篇文章已经将CSS圆角框讲解完毕,但从网友反馈中,都说到不好使用,因此有了这篇文章,本文主要是将前面的结果总结修订后进行JS封装,方便调用。 阅读全文
posted @ 2009-12-11 08:31 Biny 阅读 (19615) 评论 (49) 编辑
摘要:在前面一篇文章中,我们将一张上下渐变的的图片作为标题的背景,并将它应用了圆角效果。是不是这种圆角框只能用于比较单调的图片呢?我们还能将一些颜色比较丰富的图片也进行透明圆角化吗? 阅读全文
posted @ 2009-12-02 08:28 Biny 阅读 (12360) 评论 (22) 编辑
摘要:第一章中我介绍了最基本的纯CSS圆角框的实现原理,并给出Demo,在本章中会对上一个模型作一些新的创新,实现将背景图片透明圆角化。并给出一些漂亮的通用演示效果。 阅读全文
posted @ 2009-12-01 08:35 Biny 阅读 (21103) 评论 (20) 编辑
摘要:在我的文章《超圆滑圆角框的半完美解决方案》中已经总结了七种不同的圆角框解决方案,基本上总结完了目前网络上比较流行的圆角框实现方案。而在我的另一篇文章《无图片山顶角》中又是一个另类的实现方法。而在这篇文章会对纯CSS圆角框做出一些创新。 阅读全文
posted @ 2009-11-30 11:25 Biny 阅读 (92632) 评论 (33) 编辑