关注前端开发,关注用户体验。

如果你已经是一名优秀的Web开发人员,那请路过即可。如果你还是一个准备入行或刚入行的菜鸟,那本文倒值得一读。要成为一名优秀的Web开发人 员,没有捷径可走,本文就是为那些还在苦苦寻找学习目标的人编写的。

第一步:学好HTML

HTML(超文本标记语 言)是网页的核心,因此你首先应该学好它,不要害怕,HTML很容易学习的,但也很容易误用,学懂容易要学精还得费点功夫,但学好HTML是成为Web开 发人员的基本条件。

学习资源:

HTML Dog (http://htmldog.com/)

HTML入门指南 (http://www.w3.org/MarkUp/Guide/)

W3C HTML学习教程 (http://www.w3schools.com/html/) (全文…)

阅读全文 » | No Comments

最近在整理一些关于HTML/CSS标准化的东西,在这里分享一下其中之一:圆角边框的做法。

圆角的做法有很多,目前主流网站的通常做法都是图片采用X形状的拼接:

html代码:

<div>
<span><span></span></span>
<h3>头部标题</h3>
<div>
<p>背景图采用X形状</p>
</div>
<span><span></span></span>
</div>

CSS代码: (全文…)

阅读全文 » | No Comments

迅雷2009 页面重构工程师面试题

需求说明:
时间日期紧跟标题其后,距离标题 10px。当标题过长时,超长部分截断,但是时间必须显示完整。
合理的结构方便程序输出。
纯 CSS 布局,兼容主流浏览器平台。

解题说明:
这道题有多种解法,能解决问题就好。
为增加解题难度,本方案无 CSS Expression,避免可能存在的资源大量消耗的情况。
为增加解题难度,本方案无定位操作,节省资源。(不过在 IE6 下需要相对定位来应付某个 bug。)
为增加解题难度,本方案实现了对超长标题进行省略号截断。(不过 IE6 和 FF3- 除外。这两个活宝,一个不支持max-width,一个不支持省略号截断。)

查看演示

阅读全文 » | No Comments

在IE浏览器调试代码,我们可以选择使用 IE WebDeveloper ,
但是我个人用惯了ff浏览器下的firebug,所以在网上搜了一下,如果你也想在IE下使用firebug进行调试,可以进行如下改动:

1.将需要调试的页面加入以下JS代码:

<script type=”text/javascript” src=”http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js”></script>

2.在IE浏览器中打开即可。

firebug lite更多使用方法及说明:http://getfirebug.com/lite.html

阅读全文 » | No Comments

 针对IE6下select优先级的问题,最有效的解决办法就是层里面加iframe,再这里先留下一笔:

在ie6下(ie7/ff都没有这个问题)
层的优先值(z-index)无论设多高
总是没有select的优先值高。
解决方法:在浮动层中添加一个iframe

.iframe_ie6{
 filter: Alpha(Opacity=0);
 top:0px;
 left:0px;
 opacity:0;
 position:absolute;
 visibility:inherit;
 z-index:-1;
}

<div class=”iframe_ie6″ >
这里是层的内容
<iframe></iframe>
</div>

还知道另外一个办法是用js判定在ie6下让select隐藏。不知道各位童鞋还有没有更好的解决办法?

阅读全文 » | No Comments

好的配色,很大程度上决定着一个网站设计的质量好坏,合理地选择合适的色彩搭配,契合网站设计目的的同时,可以更确切地传达网站产品要表达的内容和思想,除了平时使用的Web设计软件意外,更多地掌握一个在线配色调试工具,会给你的工作起到事半功倍的效果,节约工作成本。这里就为Web设计师整理了18个优秀的在线配色调试网站工具。

Adobe Kuler

adobe kuler

Colr.org

colr.org

Colour Lovers

colorlovers

(全文…)

阅读全文 » | 1 Comment

世界杯倒计时23天了,难以掩饰心中的兴奋,在这里先随便写点。希望6-11快点到来。

这次世界杯的时间倒还好,小组赛基本上都是19:30、22:00开赛,不用每场都是半夜起来看,不过即使是半夜2:30的球,估计我也会看。

每逢世界杯欧锦赛,我都不愿错过每一场球,先回顾一下我的世界杯看球史吧。

真正看球要追溯到94美国世界杯了,那时候还小,刚看球,所以懵懵懂懂的只记得当时看了巴西V荷兰那场经典的3比2,以及巴西V意大利的决赛。而正是巴西V荷兰那场贝贝托的摇篮庆祝和巴西人原本2:0领先被追平,再由布兰科81分钟那脚惊世骇俗的远射绝杀,使我从那时便深深的爱上了足球。

历经了96年的欧锦赛,98年的法国世界杯是我个人感觉最精彩的一届世界杯,从小组赛尼日利亚3:2击败西班牙,到淘汰赛阶段的英阿大战,荷阿大战,巴荷大战等等,经典的赛事太多了,到现在几乎还历历在目,加之那一届有很多好听的主题曲,还有当时风靡一时的world cup 98,那时候对足球的喜爱简直达到了巅峰。

而4年后的韩日02世界杯就相对失色不少,精彩的比赛不多,黑哨却很多,强强对话没几个。而且赛程上都是下午开战,那时候几乎都还在上课,不过最关键的是忙着和老婆谈恋爱,所以有印象的比赛不多。印象最深的就是阿根廷小组被灭和巴蒂的眼泪了。

06年德国世界杯,是我到现在看过最多的一届了,因为刚毕业,时间上太充裕了,记得那时候貌似只有巴拉圭V特立尼达和多巴哥那场球没看,其余的都看了。印象最深的依旧是我最深爱的阿根廷,那场对塞黑的6比0和那个通过全队24脚传递,最终由坎比亚索一脚命中的进球,使我从床上激动的一下子跳了起来。。。

本届世界杯日益临近,估计我是不会错过这么多精彩赛事的。也不知道我之前的预测如何。

本届最被看好的三支球队里,西班牙虽然很强,但正所谓大热必死。而巴西也属于历史上踢法最丑陋的一支巴西队。相比之下热门队里稍微对英格兰抱有点希望,因为卡佩罗的老道还是很有作用的。

阿根廷从来没有这么不被看好过,并且马大帅也放弃了国米阵中的两大悍将萨队和坎比亚索,但在这里我还是要也先祝愿一下我最爱的阿根廷能夺冠,这样的话梅西就是顺理成章的成为第三个球王了。PS:我一直都觉得球王只有马拉多纳一个,贝利的进球都很傻逼,要是换做现在的防守,估计他充其量算的上一个小球星罢了。

这是阿根廷的客场球衣,无论客场还是主场,都和86年夺冠那一届极其相似,也希望成绩能和86年相似。 (全文…)

阅读全文 » | 2 Comments

本文以速查手册的形式介绍 CSS (2.1 和 3)在 IE6,7,8 三个版本之间的兼容情况。

 

这套速查手册可以打印成 A3 尺寸,共2页,以下是各种不同格式下载:

阅读全文 » | 1 Comment

N久前无意中看到有个名为“秀秀我的新站点”——Windows环境下新站点部署大赛,由PHPChina官方网站主办。怀着试试看的心情将自己的小站资料填好报了个名,没想到今天得到通知说我获了个三等奖,奖项虽小,但对于俺们这个小站来说,能第一次获奖,心里还是挺高兴了。

前不久小站的PR值也上升到了4,其实自从小站搭建以来,一直没啥时间去管理。

上周听了部门里的牛人孙波的SEO演讲后,现在再次有点想搞一把网站的冲动。

阅读全文 » | 6 Comments

Internet Explorer, Firefox, Google Chrome, Opera 和 Safari之间的到底有啥区别,

下面这几幅搞笑漫画或许能说明什么…

Internet Explorer

Internet Explorer:没什么用,偶尔还真能派上用场…

Firefox

Firefox:坦白地说似乎面面俱到,但因为那些傻了吧唧的扩展它就真的无可用处了

Safari

Safari:非常的高效,但那些使用Safari的人总对其质量夸大其词

(全文…)

阅读全文 » | 3 Comments

较早文章