CSS

on CSS, IE9, JavaScript with Comments

IE9，Opacity 和 Alpha

译自同名IEBlog：IE9, Opacity, and Alpha，关于IE9和透明度兼容CSS和JS代码。日期是昨晚(8/17)6:15。 -------------以下为我的译文------------- IE9引入了 CSS3 Color Module 的支持，包括其中已普遍使用的透明度( opacity )属性。如同我们已经完成的其他基于标准的特性，为了在其他浏览其中的相同的标记能工作在IE9的标准模式下，IE9实现了透明度。 IE8以及其之前的版本实现了另一种替代的机制，使用IE特定的滤镜( filter )属性中的 alpha filter 来应用透明度。…

on CSS, Theme, WordPress with Comments

Wordpress主题swordis

终于下决心挤个时间出来做个wordpress主题。但是即使做出来估计自己也不会用的囧。 用了半天时间出了个PSD设计稿，又用了半天时间HTML化。还好设计的时候就着眼于简单，所以虽然搞了一天有些头晕，但还算比较快。基于wp的default，总的来说除了comment以外的CSS都重写了。 当然，因为刚刚写好的关系，背景图还么有整合，CSS也没有优化，并且还有众多的bug。不过没关系，作为自己第一个wp主题，慢慢琢磨就行了~ 已知的问题有： 虽然一开始写完测试环境是通过HTML5验证的，不过自己博客上的文章一加上就超多error。 只用IE6和chrome开发的，所以其他浏览器情况完全未知，尽管我都尽可能的按标准来。 颜色问题还值得推敲，排版也有很多要微调下。 还有好几个小图标在绘制中，所以标签、分类、评论前面现在都还是空的。 功能还不全，…

on CSS, Web Standards with Comments

CSS定位机制之一：普通流

内容比较长，就分为了3篇，这是第一篇。下面是整个列表： CSS定位机制之一：普通流 CSS定位机制之二：浮动(已坑) CSS定位机制之三：绝对定位(已坑) 虽然以前也时不时会翻阅CSS2.1的文档，不过这么认真的逐字逐句地看，却还是第一次。也许正像画漫画一样，和技术以及时间都没多大关系，缺少的可能只是一种心境。 由于没有搜到任何自己认为完整的关于文档流、浮动和绝对定位的中文文章，于是鼓起勇气决定自己来写篇。为此啃掉了CSS2.1里的 8 Box model 以及 9 Visual…

on Chrome, CSS, FireFox, IE8, Opera, Safari, Windows, XHTML with Comments

漫谈font-size

起因是下面的这句话： font-size: 75%; /* Resets 1em to 11px */ 这是我曾经喜欢的wordpress主题 Bito 的第一句CSS。印象里还是记得默认值是16px，那么75%就是12px了。不过这只是表面问题，其实大部分人都不怎么关系字体大小的本质。 从标准看起 W3Cschools的font-size参考相当简单，只是简单的列举了属性的可取值。并且CSS2.1 Specification RC20090908里，关于font-size的定义也并不多。 大体上，font-size的值非常宽泛，即可以是关键词定义的绝对值，可以是百分比或者 em 的相对值，还可以是绝对单位px。…

on Book review, CSS, JavaScript, XHTML with Comments

Web书评

整理行装的时候，瞥见这张一年半前的照片，然后在柜子了浏览了一下这些见证过往的书籍。原来也曾这么这么地努力过:)。现在，书更多了一些，有几本书借出去了，所以合影似乎没多大的意义。所以仍旧用这张照片，怀念下阳光里，一本书，一首曲子的时光。 以前总是看别人的书评。当然在不看书评前，自己总是乱买书，结果总是有几本书比较糟糕。但好在数量不是很多。在即将重新启程的当前，自己也该写个书评总结回顾下。题外话，书看多了，也没啥好的。 《JavaScript 权威指南》— David Flanagan 厚的书总之给人无形的压迫感，JavaScript权威指南，也就是大家俗称的犀牛书，就是这么一本近千页的书，…

on CSS, HTML5, IE6, IE7, UTF8, XHTML with Comments

浏览器模式

关于浏览器模式，一直以来的理解是这样的：浏览器厂商出于那些老站点的向后兼容的目的，创建了两种模式。即标准模式(standards mode)和怪异模式(quirks mode)。在标准模式里，浏览器按照规范渲染页面，而在怪异模式里，浏览器以一种老式的或者是模拟老式浏览器的渲染方式表现页面。 这些并没有错，但是还不够全面和深入。当我回顾《CSS Mastery》的时候，也让我想起了很多渐渐淡忘的、并且也可能是无关紧要的其他碎片。 比如，两种模式最大的差异的例子就是IE盒模型的解释。IE如此，Opera 7也是如此。再比如，Mozilla和Safari的第三种“准标准模式(…

on Chrome, CSS, FireFox, IE6, IE7, IE8, IE9, Opera, Safari with Comments

跨浏览器边框探索

虽然起了一个看似很牛逼的题目，但本文可以说完全是蛋疼的人的一种消遣~通常开发人员都有自己的放松方式。写文章用不了太久，倒是图材准备了老半天。谨以此文，让我们来消遣下各个浏览器对于边框的理解方式。 参与此次测试的浏览器包括windows下的几乎全部：ie6，ie7，ie8，ie9preview，chrome，firefox，safari，opera，seamonkey。各版本皆为网上下载的最新版。并且由于这次的测试里，IE678的表现一致，firefox和seamonkey又是裙带，所以合并作IE8和firefox。下图就是这次浏览器的截图： 上面的这种排列顺序是故意的。下面的测试里就会显示出其原因，截图也都是按照这个顺序排列的。 首先看下面这张图，六种浏览器里显示了一个20X20的DIV，其边框为top:2px，…

on CSS, IE6, IE7 with Comments

10个糟糕的IE Bug及其修复

国外有很多优秀的文章可以用来学习，我决定花些时间翻译。我并不知道这篇文章有没有人翻译过，原文名 10 Awful IE Bugs and Fixes，我希望能有更多人能看到这些优秀的文章。外国人很幽默，所以我也就全文翻了。 这里很多都很常见，但这不妨碍文章的好坏。 ----------以下为译文---------- 我列举了10个常见的IE bug和解决方法。我相信这将能够帮助你减少调试IE布局不一致时花掉的时间。 作者：kevin 简介 在处理IE方面每个人都有他们自己的故事。作为一个开发者我不得不面对大量的IE的古里古怪的问题并且有的时候你只是想用头撞墙。但是随着时间的推移，我们慢慢吃一堑长一智（有些时候那不是我们的错，是IE的错！）并且开始接受和理解IE的怪异行为。我们不得不这样因为仍然有数量可观的IE6用户。…