广告屏蔽包含AD字符命名区域
重装chrome的过程中被推荐 AdBlock这款广告屏蔽插件，最近上些国内广告N多的网站，索性安装试下，体验不错。
打开几个门户站试下，发现新浪和腾讯的门户站有部分不是广告的区域也被屏蔽掉了，新浪的左侧，腾讯的右侧。
IDEA编辑器下的文件头部申明信息自定义
这里将上一篇更新的《代码文档的注释及申明》中的文件头部申明信息，拿出来单独说下，因为我也碰到了问题（编辑文件后更新人+时间自动更新），没有找到好的解决方法，如果你知道务必要告诉我哈，先在此谢过~
回到正文，文件头部的申明信息不可能每次都要手动去敲上去，比如之前提到的： Continue reading →
代码文档的注释及申明
多屏的项目一期结束后终于可以缓一下，有时间整理规范文档了，修改完善下文档的注释及文件头部申明部分，这里主要是借鉴和查看一些站点如（19楼、携程、易讯、QQ网购等）的源文件，整理较简短如下：
文件申明信息
- 文件头部添加申明信息，包含描述、作者、最后更新（更新人+更新时间）；
示例供参考
/**
* Description: register style css (可中文)
* Author: JeffPan
* Update: JeffPan(2011-11-16 14:11)
*/注释
- 通过注释有效的组织管理代码文档，提升团队开发的合作效率，减少维护成本；
- 注释的形式 – 使用一致的标点和结构来注释代码，在维护他人的代码时不要使用新的注释形式，要顺延已有的注释形式，确保一致性；
精简取舍 – 页面重构模块
作为页面重构这块工作，大多数人都是在各自所处的环境中累积并形成自己的一些习惯。
公司从分部调来一位前端MM，以缓解最近项目上的压力，毕竟目前公司的整个项目流程上前端这个位置处于瓶颈（我们整个工作流程视为环链，决定环链的强度的关键因素在于最弱的那个环，也就是说最弱的那个环就是我们所说的制约因素、瓶颈，部门的工作成果品质或是效率，并不会因为某个人的出色表现而如何如何。）
另一方面也是为了减少沟通成本，团队起步期需要逐渐形成规范文档，加强团队配合。下面是工作沟通过程中的其中一部分：
Continue reading →
支付宝CSS样式架构
感冒低温一周终于好了，很欣慰打开电脑可以看到小鱼@sofish的《WebRebuild 分享: 支付宝CSS样式架构》，用在蜕变时的一句话勉励下自己和身边的朋友们：“聪明的人，总是用别人的智慧来填补自己的大脑，只要你迈出第一步，成功就在第二步。” 前进、积极效应带动自己和身边的人。
iframe transparent
关于iframe transparent 背景透明的问题，很早就有解决方法了，早餐时有人问到，这里记录下，顺便博客N久没有更新了（打一针鸡血~）
其实就是两个地方添加下修饰代码，如下：
1、引用页iframe标签上添加属性（宽高可无视，这里是高清IPTV的屏幕尺寸）：
<iframe src="transparentPage.html" frameborder="0" width="1280" height="720" allowtransparency="true" style="background:transparent" ></iframe>
主要是这句
allowtransparency="true" style="background:transparent"
关于CSS 旋转
实现这个方法很简单，只要我们利用好css旋转属性就OK了。看一下效果图：
看完效果分析一下：这里有三个嵌套的元素：第一个是最外层不做任何的变化，第二个是第二层元素做顺时针旋转，第三个是最里层元素在同一方向作逆时针旋转。如图：
HTML
<div class="box"> <div class="inner"> <div class="content"><img src="img.jpg" alt="my bike" /></div> </div> </div>
The CSS
Continue reading →
Column布局参考 – 圣杯
二话不说先上图，兴许你会很熟悉：
Continue reading →
CSS裸奔节-NAKED
今天，你裸了吗
4月9日的CSS裸奔节到了，脱掉CSS，露出HTML真实的脊梁骨吧 – PS:宁可CSS分层多一些，也要保证HTML结构的简洁、语义化的书写习惯。
淘宝栅栏布局模块化命名浅析
折腾，之前的数据几乎全部丢失掉了，学习、记笔记需要动力和时间的，在此恢复2009-05-07一篇文章记录，勉励一下自己，以下是全文，当然我会对之前的一些链接及文字做出调整。现在看来还好我当时加上了浅析二字..
这是总宽950像素的24栏栅格应用，先来看下淘宝网的一处3栏布局(当然现在的淘宝网已经改版了，尽管我还是不太习惯)：
这里是对应的代码：
我们可以看到 class=”grid-c3-s5e7″ 这个命名似乎有些特别，
再看看其包含的class=”col-main” 和 class=”col-sub” 以及 class=”col-extra skin-orange”
Continue reading →