Data URI的利弊
Ghost 发表于 [2009-11-25 18:17]
最近Data URI似乎热了起来，特别是从淘宝UED上发了一篇《 Data URI小试 —— 在旺旺点灯(JS)上的应用 》后，陆续出现这方面的文章。看到不少人提到Data URI时都只是提到了优点，我也好奇了一把，借这机会更全面了解了下。
...
[阅读全文]
评论也精彩 [9]
[更新]样式命名规则
Ghost 发表于 [2009-07-29 15:00]
相信大家对样式命名都多少感到困难，特别是想起一个有意义的名，更难。回顾了一下之前写的《 样式命名规则 》（不知道大家使用后有什么感想）结合这段时间使用上发现的一些问题，重新整理了样式的命名规则，希望能更实用些。
要避免当状态改变时名称失去意义，最常见的就是用于布局的类名，如“left”、“right”，当左边栏不再是左边栏的时候，“left”这个名就没有实际意义了（可以看下《 CSS代码命名惯例语义化的方法 》中的“CSS类命名的语义化VS结构化方式”部分）。这与我们所推荐的“命名要有意义”就相违背了，使用序号就更加有问题了。好像没错，不过有好长一段时间都有个问题让我很烦恼，如果一个页面中同个模块出现一次以上，而且细节还不一样，那后面出现的名称应该叫什么呢？难道“one”、“two”就不是序号？其实我们要避免遇到的情况就是当状态（表现）改变时，对应定义的类名不会失去意义。
...
[阅读全文]
评论也精彩 [16]
[原]输入框对齐问题
Ghost 发表于 [2009-07-17 15:00]
最近做了一个表单的页面，被输入框的对齐问题烦死了，相信觉得烦的不只我一个，整理下相关的代码，包括输入框内、外文字的对齐。希望对大家有用：
<label><input type="radio" name="info_name" />名称</label>
<label>名称：<input type="text" class="input_text l_type" /></label>
input{
vertical-align:middle;
}
input[type="radio"]{
vertical-align:-1px;
vertical-align:middle\9;
}
.input_txt{
height:18px;
height:22px\9;
padding-left:1px;
padding-top:4px;
padding-top:0\9;
border:1px solid #B3D0DF;
*line-height:22px;
} ...
[阅读全文]
评论也精彩 [10]
[原][更新]最新CSS兼容方案
Ghost 发表于 [2009-05-25 16:27]
浏览器在不断更新，可使用的hack也需要更新下了，继上一篇《 [原][更新]最新CSS兼容方案 》之后，Opera和Safari都已经更新了版本，IE8也出来了，还有一个Chrome。新版本的Opera 9.6 和Safari 3.2.3分别有一个hack不能使用了，具体为：
Opera：
*+html .e{
background-color:#0000FF;/* OP */
}Safai：
@media all and (min-width:0){ select{ ... }}...
[阅读全文]
评论也精彩 [11]
[原]我的样式写法总结
Ghost 发表于 [2008-12-30 22:07]
CSS入门很简单，规则不多，写法也比较灵活，因此也带来了很多有创意的写法。跟IE一样，很好的容错性，像《 边框样式写法总结 》所说的border的写法。不过在带来方便的同时，也让开发者丢掉了程序员应有的“严谨”。可能觉得这跟样式的关系不大，没有像脚本那么严重，这是认识上的问题，抛开样式跟脚本所作用的对象不同，样式的写法在一定程度上就是一种编程，只不过少了那些被认为是程序特点的条件判断、定义变量等等。
我一直不太赞同规范死样式的写法，我的观点是使用自己熟悉的方式效率是最高的，简单的说就是让合作者尽可能的以自己熟悉的方式写代码，这种模式是我一直在探索的，不过在实际项目中，实现起来有一定的难度，因为存在合作和维护的问题。说回样式写法的问题，这里只是因为前段时间组里在讨论，所以借此机会把自己的一些写法总结一下。
...
[阅读全文]
评论也精彩 [24]
[原][更新]最新CSS兼容方案
Ghost 发表于 [2008-07-08 18:11]
在对浏览器兼容性要求越来越高的时个，大家是否正在寻找一个完整的解决方案呢？继[原]最新CSS兼容方案之后，更新的CSS hack出炉啦，包括FF、IE6、IE7、Opear、Safari
...
[阅读全文]
评论也精彩 [14]
[原]注释书写规范
Ghost 发表于 [2008-06-11 13:42]
总结了一下自己工作中使用到的注释书写规范，没有什么技术含量，只是用于统一制作方式，方便维护。包含了“区域注释”、“单行注释”、“注释层级”和“协助注释”四个部分
如果大家有其它的建议，欢迎留言。
大部分同学使用的区域注释的方法，会以“注释内容开始”或“注释内容结束”、“start”或“end”等，相比之下，以“S”或“E”开始可以更快的使用，比如只要写一次开始或结束的注释，然后复制，改下“S”或“E”就可以快速的完成区域的注释。
...
[阅读全文]
评论 [11]
[原]样式命名规则
Ghost 发表于 [2008-03-20 23:12]
命名一直是个让我头痛的问题，特别是那些看上去差不多的模块，所以就得想办法啦，我总结了下面的方法，虽然还在试验中。希望对大家有帮助。欢迎大家提出改进的意见。具体如下：
要注意的内容：
一，命名所选用的单词应选择不过于具体表示某一状态（如颜色、字号大小等）的单词，以避免当状态改变时名称失去意义。
二，样式类名由以字母开头的小写字母（a-z）、数字（0-9）、下划线（_）、减号（-）组成。
ID名称由不以数字开头的小写字母（a-z）、数字（0-9）、下划线（_）组成。
...
[阅读全文]
评论也精彩 [9]
[原]最新CSS兼容方案
Ghost 发表于 [2007-11-28 11:17]
最新的CSS兼容方案，让你的样式完美兼容各大浏览器，这个方案主要是用来解决Safari的，Opear是在测试的时候顺带试了一下，结果发现竟然也行，所以顺便也解决了。:)
...
[阅读全文]
评论也精彩 [5]
[原]由text-indent引起的问题
Ghost 发表于 [2007-08-22 13:13]
今天在做东西的时候不小心发现了由于定义了text-indent而引起的宽度问题，主要是定义了首页行缩进后宽度受影响。于是去群里问了一下，还是有收获的。
...
[阅读全文]
评论也精彩 [4]
