Web前端技术

关于Web前端技术的一些讨论和思考。
摘要: 一、不要使用section作为div的替代品 人们在标签使用中最常见到的错误之一就是随意将HTML5的section等价于div具体地说,就是直接用作替代品(用于样式)。在XHTML或者HTML4中,我们常看到这…阅读全文
posted @ 2011-10-11 21:04 Biny 阅读(376) | 评论 (0) 编辑
摘要: 栅格系统在工作中使用很广泛,这儿收藏了几篇这方面的文章,详细介绍了栅格的由来和具体的操作过程。阅读全文
posted @ 2011-10-02 14:20 Biny 阅读(38) | 评论 (0) 编辑
摘要: 链接的虚线框影响整体风格,我们在工作经常会将它去掉,而采用图片高亮的方式来显示焦点状态。然而去掉虚线框在两种浏览器中却分别对待,这种技巧经常用到,作个记录,以备不时之需。阅读全文
posted @ 2011-09-23 21:31 Biny 阅读(893) | 评论 (0) 编辑
摘要: CSS3与HTML5的推出,也让各种浏览器的兼容性成了许多设计师关心的问题,本文以表格形式排列了目前主流浏览器对于CSS3与HTML5支持情况。 支持 CSS3 和 HTML5 的浏览器越来越多,甚至包括最新版的 IE,当然,所谓支持仅仅是部分支持,因为 CSS3 和 HTML5 的W3C 规范都尚未形成。如果你现在就希望使用 CSS3 和 HTML5 创建你的站点,至少要对各个浏览器对这两种新技术的支持情况有一个全面了解。阅读全文
posted @ 2011-04-13 13:22 Biny 阅读(592) | 评论 (0) 编辑
摘要: 在后台或OA系统中最常用到的布局往往是一个全屏布局,一般都是上中下三行两列布局,页头、页脚、左侧菜单加一个右侧ifame框架页。所以那种带折叠的二级菜单是会经常使用到的,本例便是实现这样一种比较通用的全兼容可高亮二级缓冲折叠菜单。
阅读全文
posted @ 2010-05-28 02:59 Biny 阅读(6795) | 评论 (26) 编辑
摘要: 在前面一篇文章中,我们将一张上下渐变的的图片作为标题的背景,并将它应用了圆角效果。是不是这种圆角框只能用于比较单调的图片呢?我们还能将一些颜色比较丰富的图片也进行透明圆角化吗?
阅读全文
posted @ 2009-12-02 08:28 Biny 阅读(6881) | 评论 (22) 编辑
摘要: 第一章中我介绍了最基本的纯CSS圆角框的实现原理,并给出Demo,在本章中会对上一个模型作一些新的创新,实现将背景图片透明圆角化。并给出一些漂亮的通用演示效果。
阅读全文
posted @ 2009-12-01 08:35 Biny 阅读(10659) | 评论 (18) 编辑
摘要: 在我的文章《超圆滑圆角框的半完美解决方案》中已经总结了七种不同的圆角框解决方案,基本上总结完了目前网络上比较流行的圆角框实现方案。而在我的另一篇文章《无图片山顶角》中又是一个另类的实现方法。而在这篇文章会对纯CSS圆角框做出一些创新。
阅读全文
posted @ 2009-11-30 11:25 Biny 阅读(21927) | 评论 (27) 编辑
摘要: 在我的另一篇文章《弹性+固宽布局》中,我介绍了弹性加最小固定宽度的一种布局方案,现在介绍另一种布局方案---弹性流体布局。 那种方案其实就是这种布局的变通应用。弹性布局最大的优点就是能充分利用屏幕空间。无论客户端分辩率多大,都能自动适应宽度的变化。
阅读全文
posted @ 2009-05-10 00:21 Biny 阅读(6247) | 评论 (14) 编辑
摘要: 对于运行代码这个功能,我之前也写过一篇文章,这儿主要介绍一下如何在博客园中加入这个功能。博客园后台程序中是没有这个功能的,而我们又太需要这种功能来演示HTML静态页面了。而且也有朋友问过我如何加入,所以这里再啰嗦一下。 首先,在博客园中添加文章时,如果要用到代码运行功能,你需要将下面这段结构加入到文章中,你可能打开文章的HTML模式来添加这段代码... 阅读全文
posted @ 2009-05-02 22:49 Biny 阅读(4232) | 评论 (4) 编辑
摘要: 作为Web前台开发工程师应该如何给自己定位阅读全文
posted @ 2009-03-18 00:15 Biny 阅读(1351) | 评论 (3) 编辑
摘要: WEB前端,指的是:交互-设计-制作三个角色的组合。 项目管理,指的是如何把需求分解成任务,分派给合适的人并正确的完成任务。 需要把握的是: 1.需求分析 需求分析的目的是评审需求的可行性和优先级,这里就需要足够的项目经验了。 可行性: 关于需求本身是否合理,是否是一个值得去做的需求。 需求的完整性,是否是一个完整的,可以进入研发规划的需求。 其实还有一个需求的充足性,将零零散散的小运营需求合并为一个大的需求,便于开发,让任务列表清晰简洁,维护风险降低。 再次是需要后台开发的,进行沟通,是否下一个研发线能评审通过和按时跟进。 阅读全文
posted @ 2009-03-18 00:05 Biny 阅读(368) | 评论 (0) 编辑
摘要: 看到一则笑话,转到这儿,纯属娱乐。阅读全文
posted @ 2009-03-02 19:46 Biny 阅读(525) | 评论 (0) 编辑
摘要: 无意之中看到一个网页,一幅超巨大的城市像素图,真可以说是鬼斧神工,令人叹为观止阅读全文
posted @ 2009-02-23 20:45 Biny 阅读(390) | 评论 (0) 编辑