逛蓝色论坛的时候看到有一贴在讨论类目列表分隔线的写法{如右图}，这种布局看起来应该是很简单的，通常情况下可能会给每一个类目的border-left加1px的边，这样的话开始第一个border-left就会多余，就会在第一个类目加CSS样式去掉就可以搞定。其实有更简单的方法，利用负边距及溢出隐藏原理，可以去参考淘宝的写法。
首先以右边的图为例，首先写出html，如下：
<dl>
<dt>网游花费</dt>
<dd>
<a href=”#”>神鬼传奇</a>
<a href=”#”>征途</a>
<a href=”#”>Q币</a>
<a href=”#”>劲舞</a>
<a href=”#”>诛仙</a>
<a href=”#”>永恒之路</a>
<a href=”#”>天龙</a>
<a href=”#”>DNF</a>
<a href=”#”>中国移动</a>
<a href=”#”>中国电信</a>
<a href=”#”>中国联通</a>
</dd>
</dl>
今天在调整公司网站是发现，在视频播放的页面，分享按钮弹出推荐层会被flash播放器遮挡，给层加上z-index也不起作用，如是去google了一下，找到一些方法：
wmode属性：
“Window” 在 Web 页上用影片自己的矩形窗口来播放应用程序，并且始终位于最顶层。
“Opaque” 显示页面上位于它后面的内容。
“Transparent“使 HTML 页的背景可以透过应用程序的所有透明部分显示出来，并且可能会降低动画性能。
“Opaque“和”Transparent“都可与 HTML 层交互，从而允许 SWF 文件上方的层遮蔽应用程序。这两种选项之间的差异在于”Transparent”允许透明，因此，如果 SWF 文件的某一部分是透明的，则 SWF 文件下方的 HTML 层可以透过该部分显示出来，而”opaque”则不会显示。
如果忽略此属性，默认值为 Window。仅适用于object。 Read more…
说到W3C验证，做前端的应该都不陌生，但是你是否将自己制作的页面去验证并通过呢？
在学习交流中发现，其实还是有一部分人没有将制作的页面拿去验证，通常就是实现相关效果，还原了设计稿就OK了，当然这样网页运行是不会出现什么问题，但是其中可能会隐藏着一些简单而基础的错误，可能会给后续的工作带来麻烦。自从有了验证的习惯后，觉得W3C验证指出错误非常直观，很方便修改，而且还是帮助你书写规范很不错的地方，除了纠正书写的错误，你还可以通过这里解决很多不解的问题，比喻一些嵌套问题，在你要布局某种结构，但不知道你写的嵌套是否正确，学习别人的书写也不一定正确，就可以去验证结果，相当方便，也不会消耗多少时间。
在制作的时候，你可能觉得你写的结构通过样式都达到了预期的效果，但是作为这个行业，我觉得你必须严格要求自己。 Read more…
IE Tab，又一Firefox扩展插件。
这个火狐插件把FireFox浏览器也拥有IE核心，使不适应火狐的网民更快的享受火狐浏览的快感。让WEB制作调试更加方便。
下载地址：火狐浏览器IE Tab插件
下载后打开Firefox将IE Tab拖到浏览器中点击安装，安装完毕后，点击“工具—-IE Tab选项”可以进行相应的设置。
如果在用Firefox浏览网页，碰到Firefox不支持需要用IE的话，可以点击鼠标右键点击“使用IE Tab浏览此页面”，如图：
第一：不要认为停留在心灵的舒适区域内是可以原谅的。
第二：不要把“好像”；“有人会……”；“大概”；“晚些时候”；“或者”；“说不定”之类放在嘴边。尤其是和上级谈论工作的时候。
第三：不要拖延工作。
很多人喜欢在学习和玩耍之间先选择后者，然后在最后时间一次性赶工把考试要复习的东西突击完成。但是在工作中请不要养成这样的习惯，因为工作是永远做不完的，容不得你“突击”。又或者，当你在徘徊和彷徨如何实施的时候，你的领导已经看不下去，自己去做了。—-这是一个危险的信号。
另外，警告一下：永远不要想，我知道了，先把上级派的事情放一下，等这集《越狱》看完再说。—-90%的情况下，你会忘记，或者来不及，因为这件事需要比你原先想象要更多的时间。说做就做，一直是很好的习惯。 Read more…
