2009年11月 存档

web前端开发工具之——慧视小灵鼠

2009年11月25日,星期三

也许在大家的电脑里有很多前端开发相关的工具。Dreamweaver、Editplus、photoshop、IEtester…等等….今天知道一款文字处理软件(也许也算办公软件),叫“慧视小灵鼠”。下面给大家介绍一下它的功能(如果我火星了,请绕过此文)。

我们在把psd文件转为html原型的时候都遇到过这样的问题“设计稿上的问题,怎么打?”

有的设计稿上的文字是经过栅格化合并了。我们无法在Photoshop里复制。也许你会说,我随便打几个字,或者从别的网站上复制几个。但是有些设计稿上的文字是固定的,还是需要一个字一个字打上去……如下图:

(全文…)

[转]20个让Web Developer开发生涯更加轻松的工具

2009年11月19日,星期四

源文: http://net.tutsplus.com/articles/web-roundups/20-tools-to-make-the-life-of-a-web-developer-easier/

简译: PuterJam
(全文…)

边框模拟小三角形

2009年11月17日,星期二

利用边框模拟出小三角形,比较有创意。

<style>
* {
font-size:14px;/*字体大小 */
}
span {
display:block;
font:0/0 "宋体";
border:7px solid;/* border值越大,三角形越大 */
border-color:#fff #fff #fff #444;/* 改变颜色产生不同效果 */
margin-top:5px
}
</style>
<div>
<span>5454</span>
</div>

ImageLazyLoad-图片随着滚动而进行加载

2009年11月17日,星期二

这个方法可以减少服务器的负担,随着滚动条的滚动加载图片。可以运用在存在大量图片的页面,比如频道页、活动页、搜索结果页等……

演示:

http://kissy.googlecode.com/svn/trunk/src/imglazyload/test.html
(全文…)

新人对“WEB标准化”的理解

2009年11月1日,星期天

前言:本文是本人简历中的文章,也许不能代表广大初学者的感受,但是这些是我亲身经历过的东西,也是每一个入门的人都会成长的过程,拿出来跟大家分享一下。(原创文章,转载请保留链接^^;)

官方的话

WEB标准不是某一个标准,而是一系列标准的集合。网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。对应的标准也分三方面:结构化标准语言主要包括XHTML和XML,表现标准语言主要包括 CSS,行为标准主要包括对象模型(如 W3C DOM)、ECMAScript等。这些标准大部分由W3C起草和发布,也有一些是其他标准组织制订的标准,比如ECMA(European Computer Manufacturers Association)的ECMAScript标准。
(全文…)