Sublime Text 2的Less2Css插件介绍与安装

Sublime Text 2这个编辑器应该不用再介绍了,配合各种插件使用起来非常方便,今天要介绍的是一款Sublime Text 2的插件——Less2Css。这款插件的名字已经表明了它的作用——把less文件转换为css文件。

Less2Css插件特性

Less2Css插件的目前主要的功能包括:

  1. 当保存less文件的时候自动生成同名的css文件;
  2. 当保存less文件的时候提示编译错误信息;
  3. 批量编译项目目录下的所有less文件为css文件。

Less2Css未来还会增加@imports功能支持,能够同时自动编译其他引用了此less文件的文件。

安装Less2Css插件

Less2Css可以通过Sublime Text 2的包管理器(Package Control)来安装(强烈建议安装包管理器!安装方法很简单,可以参考前端观察的介绍或者官方文档)。安装完包管理器之后,需要重启Sublime Text 2。

安装Less2Css的方法如下:…

背景图片千万不要gzip压缩,尤其是PNG

我们网站的静态资源(css、js和背景图片)和web应用程序是分开部署的,几乎所有的静态资源都部署在同一个应用下。最开始的网站很简单,对所有的静态资源都进行了gzip,包括所有的css,js,图片,flash等等,也一直相安无事。

直到……直到有一天用了png做背景图片,并且上传到服务器进行部署,发现在很多IE6都会在这个页面卡死,无法动弹,出事的几率非常的高。但是在内网部署的没有任何问题,那问题就只能比较内网和公网的服务器环境了。观察HTTP请求头部是个不错的方法,很快锁定是由于gzip的png引起的。内网服务器加上gzip测试,果然如此。

其实对图片等文件进行gzip是完全没有必要的,原因很简单:在web里面用作背景的图片99%以上都是gif或者jpg或者png,这些格式本来就是压缩过的,再用gzip对他们进行压缩只是徒增服务器负担而已。…

Maxthon傲游3默认使用WebKit引擎(附下载)

Maxthon 3已经第三个内测版本显示,默认使用WebKit殷勤渲染页面。WebKit的页面渲染速度非常快,WEB标准的兼容性也非常好,Apple的Safari和Google的Chrome均是使用该引擎。

使用WebKit渲染页面时,傲游称此为“极速模式”,同时还提供了一个“兼容模式”,这个兼容模式使用的是IE7的渲染引擎。极速模式下对应的UserAgent为:

Mozilla/5.0 (Windows; U; Windows NT 5.2) AppleWebKit/528.4 (KHTML, like Gecko) Maxthon/3.0 Safari/528.4

兼容模式下的UserAgent为:

Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.2; Trident/4.0; Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1) ; .NET CLR

被resin折腾中

这几天在用java写一个小的web应用,应用了YUICompressor的开源代码来压缩服务器上的js和css代码,然后返回给客户端。不过我的开发方式也很诡异:自己用两台机器,一个Windows Server 2003,上面有IIS 6、Apache 2和Tomcat 6,基本上开发的时候都用这台机器,另外还有一台机器,装了个英文版的Ubuntu,上面有Apache 2.2和Resin 3,后来装上的时候才知道Resin 3本来就支持PHP了,不过据说不是很好用。

第一次在Ubuntu上装的是jdk 1.6.0.0,我的window 2003上是jdk 1.6.0.7,windows上跑的很好的jsp,编译后放到ubuntu上死活都跑步起来,抛出的异常也是莫名奇妙。后来又在windows上用1.5编译了一遍,再放上去,还是跑不起来。找人帮忙看了一下,建议我装个jdk 1.5试试。于是重新在Ubuntu上装了个jdk …

一起去第三届D2前端技术论坛吧

前两届都没去成,今年在上海开,近了,这次不会错过了,有想去的一起报名吧!

关于D2

D2 前端技术论坛(Designer & Developer Frontend Technology Forum),简称 D2 ,为国内前端开发者和网站设计师提供一个交流的机会,一起分享技术的乐趣,探讨行业的发展,以技术会友。它是中国所有前端开发者的节日,包括前端设计师,前端开发工程师,和所有对前端技术感兴趣的人。D2将努力营造一种轻松自由的交流氛围,没有任何商业色彩,以纯粹的技术交流为根本,共同推动国内前端技术的发展,促进国内行业标准跟国际的融合,发掘前端技术可以创造的更大价值。

D2 是由 淘宝网 发起,每届由不同公司轮流承办。

详细介绍:http://www.d2forum.org/about/

本届主题:“前沿技术和前端协作”
举办时间:2008年11月29日
举办地点:上海
举办单位:土豆网
协办单位:淘宝网、微软、Adobe、蓝色理想、ActionScript…

浏览器对Cookie的限制

中午写上一篇日志的时候翻到这篇文章的,不过因为要上班,没来得及翻译,现在翻译一下贴在这里,供大家参考。

======我是无辜的分割线=====

原文地址:Browser cookie restrictions

我一直在为我接下来的一本书做一些关于cookie的研究,在这个过程中我碰到了一些关于浏览器处理cookie的有意思的事情。我从寻找浏览器允许每个域保存的cookie个数开始。这个结果很有趣:

  • 微软表示,Internet Explorer 8增加了每个域可以保存的cookie个数至50个,不过我发现IE7也允许每个域保存50个cookie。当然,这可能是因为一个系统补丁增加的,而不是这个浏览器版本一开始就是这样,但是仍然超过了通常认为是20个的限制。
  • Firefox允许每个域保存50个cookie。
  • Opera允许每个域保存50个cookie。
  • Safari/WebKit是这其中最有趣的,因为它似乎没有明显的限制,一直到Safari

周六去了杭州侠客行大会


周六去了第二届中国网络工程师侠客行大会。上午还是很不错的,了解了一些新东西,可惜下午选错了分会场,选了分会场四——Web开源技术(Web Opensource Technology),讲AIR、OpenID、JBoss、Silverlight的,讲的东西都很浅显,更多地是一些大致介绍,收获不大~对分会场二也比较感兴趣,讲大型可伸缩系统(Large Scalable System)的,可惜都在同时举行~…

面包屑:向左还是向右?

前几天经典论坛升级了,其中有一个很特别的地方,就是面包屑的箭头方向和其他的网站不一样,是向左的,如下图所示:

面包屑在大型的内容网站中是经常出现的东西,有非常好的导航作用,很多人都讨论过怎么做面包屑比较好,而且大家都不约而同地使用向右的箭头作为目录区分。几个典型的例子如下:

可以看到,这些网站都是使用的右箭头来区分目录,包括M$“很失败”的产品Windows Vista。而在Adobe的网站上,则使用了“/”作为目录的区分,如下图:

那么到底用哪个方式更好呢?使用“/”或者“\”能够清晰地表示目录结构,然而不能在视觉上给用户更好的更直观的指示,使用箭头则能很明确地告诉用户,你可以往那个方向走。当用户在当前页面下,面包屑是不能表示往下走的方向的,只能告诉用户往上可以怎么走,因而我觉得在这里使用向左的箭头更好,虽然这会破坏用户“恶劣的习惯”。…

使用Web技术开发轻量级桌面应用程序

Web技术发展得越来越快,现在如火如荼的AJAX技术,丰富强劲的Flash技术,还有刚刚新生的Silverlight,无一不为Web的RIA(Rich Interactive Application)带来了更为强大方便的实现手段,极大地丰富了Web的应用方式。

在Web 2.0中,Web交互变得越来越多,越来越复杂,功能也越来越强大,于是出现了许多新的创意,甚至把桌面应用也搬到了Web上面,例如:Google就提供了在线文字处理和在线表格编辑器。更甚至于出现了不少基于Web的OS。

但是,我们不妨换一个方式想一想,为什么我们要把桌面的应用程序搬到Web上,而不把Web技术应用到我们的桌面上来?把桌面应用程序搬到Web上,固然有非常多的好处,但是,同样,使用Web技术,我们也可以更加方便了开发出更富互动的轻量级桌面应用程序,为桌面体验带来不一般的感觉。使用XUL和JavaScript开发的Joost在线流媒体播放软件带给了用户一种视频极致体验。我相信,使用Flash、使用Silverlight结合其他桌面软件开发技术,也能够带给用户不同寻常的体验。…