2010年05月_sfzheng2007

原创本人CSS3写的几面国旗

源码：css：body{ background-color:#D0DADF;} .flag{ width:450px; height:300px;box-shadow:5px 5px 5px #333; -moz-box-shadow:5px 5px 5px #333; float:left; margin:0px 15px 15px; -webkit-box-shadow:5px 5

2010-05-27 03:09:00 1378

国外有很多优秀的文章可以用来学习，我决定花些时间翻译。我并不知道这篇文章有没有人翻译过，原文名 10 Awful IE Bugs and Fixes，我希望能有更多人能看到这些优秀的文章。外国人很幽默，所以我也就全文翻了。高手绕道~———-以下为译文———-我列举了10个常见的IE bug和解决方法。我相信这将能够帮助你减少调试IE布局不一致时花掉的时间。作者：kevin简介在处理IE方面每个人都

2010-05-27 03:04:00 320

原创 first-letter解决了序号缩进问题

今天上蓝色理想看到一篇文章，觉得很不错。《first-letter的一个小妙用》http://www.blueidea.com/tech/web/2010/7455.asp 作者：yoom　解决了序号加文字在第二行以后缩进的问题。一直以来我都是用来应付今天看到这篇文章中有一个属性first-letter竟然有这样的妙用具体CSS

2010-05-27 03:03:00 507

转载没想到的、不常用的三个css属性！

作者：tinyhill　来自：蓝色理想对《5 个简单实用的 CSS 属性》进行编辑1、CSS Clip剪辑 (clip) 属性就像一个面具。它允许你使用矩形掩盖页面元素的内容。要剪辑一个元素：你必须指定其 position 属性为 absolute，然后指定相对于元素的 top，right，bottom，left 值。图片剪辑实例（演示）以下示例演示了如何使用 clip 属性掩

2010-05-27 03:02:00 317

转载你应当了解的5个CSS3新技术

CSS是众所周知且应用广泛的网站样式语言，在它的版本三(CSS3)计划中，新增了一些能够节省时间的特性。尽管只有当前最新了浏览器版本才能支持这些效果，但了解它们还是必须且很有趣味性的。暴风彬彬将在这篇文章向大家展示CSS中的5个有趣的新技术:圆角、个别圆角、不透明度、阴影和调整元素大小。1：基本标记在我们开始这个教程之前，先来创建整个教程都要使用的基本标记。我们的xHT

2010-05-27 03:01:00 281

转载 5个2010年Web技术趋势

2010 年的 Web 会是什么样，或者说，未来的 Internet 意味着什么，2010 会是值得关注的一年。本文从 5 个方面展望 2010 年的 Web，包括 HTML5，CSS3，字体服务技术；浏览器；社会媒体；JavaScript 框架；以及 SAAS。1. CSS3, HTML5 以及字体服务CSS3，HTML5，以及 Typekit 一类的字体服务，将给 Web

2010-05-27 03:00:00 347

转载读《你是一个职业的页面重构工作者吗？》

这段时间常给来面试的同学用《你是一个职业的页面重构工作者吗？》中三个部分的不同阶段去做自测，发现很多人都自我感觉良好，给我的回答基本都是比较高的，只不过实际上提交的面试题所反应出来的并没有那么高。我总结了下，主要有3点：对自己的能力没有足够的了解，没有实事求是的认清自己存在侥幸的心理，希望以较高的答案赢得面试的机会对文章里每一点的理解存在偏差简单做下说明：

2010-05-27 02:59:00 287

转载 IE6,7下实现white-space:pre-wrap;

HTML 的空白符处理规则HTML 中的“空白符”包括空格 (space)、制表符 (tab)、换行符 (CR/LF) 三种。我们知道，在默认情况下，HTML 源码中的空白符均被显示为空格，并且连续的多个空白符会被视为一个，或者说，连续的多个空白符会被合并。然而在有些时候，我们希望 HTML 源码中的多个连续空格在网页浏览器中可以真实地呈现，或者需要源码中的换行符能起到真正的换行作

2010-05-27 02:58:00 357

转载重新发现HTML表

根据我最近的一些实践以及在和一些读者进行关于HTML表格的使用问题沟通之后，决定写这篇文章。总的来说，我注意到由于误导性信息，他们对于table的使用有种先入为主的厌恶。事实上很多人会说”我看到永远不应该使用表格”的说法，但是这绝对是错误的！这个建议只是针对使用HTML表格来定义网页的布局，但是表格在方便的排列数据信息行和列方面非常完美，而且如果你一定要在一个页面上显示表列数据，你就不得不

2010-05-27 02:57:00 283

转载前端开发人员的发展方向

腾讯ISD页面重构组leader TwinsenLiang在《一专多长》中介绍了“前端架构人员的能力模型”greengnn在上次的演讲中，又提到了这个问题，并将开发人员分为两类：一类是xhtml+css+js等狭隘的理解前端工作人员，另一类就是我们上图中提到的几个方面。原文如下：小页面观点，div+css等狭隘的理解前端页面重构工程师大页面观点，从产品诞生的流程，分析页面人员的能力

2010-05-27 02:55:00 713

转载 Web前端开发工程师必备技术列表

　　想要打造并拥有一流的Web产品开发团队，在团队成员基础能力上一定要下功夫。对于Web前端产品开发来说，仅仅掌握Web1.0时代简单的"网页套接"是完全不够的。我结合自己的团队配备，特此罗列了Web前端产品工程师所涉及的技能列表如下：　　通过许多实际项目，个人认为一个完备的前端产品开发团队，必须拥有如下的人才配备，也希望大家补充：　　◎ 团队全体成员达到所有技能中的a级标准　　◎

2010-05-27 02:54:00 406

转载 DOM的基本方法与IE和FF的JS兼容问题

一.直接引用结点 1.document.getElementById(id); --在文档里面通过id来找结点 2.document.getElementByTagName(tagName); --返回一个数组，包含对这些结点的引用 --如：document.getElementByTagName("span");将返回所有类型为span的结点二.间接引用结点

2010-05-27 02:52:00 1023

人生旅途中