Never Know – Jack Johnson

这也是一首蛮好听的歌。歌手Jack Johnson我不太熟悉,就先不介绍了。

HTML中应该抛弃的书写习惯

本文翻译自Mozilla Developer Network

许多人学习HTML, CSS 和 JavaScript都是通过查看某些站点的源代码,然后复制粘贴,而不管这些网站用得正确不正确。这意味着有时候粘贴过来的代码可能已经过时了。本页将列出一些历史遗留产物,随着时间的推移我们已经没有必要再采用这样的写法了。

DOCTYPE

(X)HTML 的 doctype 大约有10种,它们之间的差异很小(甚至没有),建议使用HTML5 的 doctype:

<!DOCTYPE html>

它在任何浏览器中都会触发标准模式(也包括IE6)。

<meta> 元素和 charset 属性

很多网站中都能看到这行代码:

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

将其精简一下变成下面这样,也可以在所有浏览器(包括IE6)上实现同样的功能:

<meta charset="UTF-8" />

这就是向后兼容和实用主义的体现。试着用用这个吧。

无效的<meta>元素

许多被弃用的或者不规范的代码仍然会被相互粘来粘去,尤其是注意下面这些:

  • <meta name="MSSmartTagsPreventParsing" content="true">这行代码只在IE6的一个beta版本中有效,现在这个版本已经没人再使用了,而且smart tags也会被抛弃。
  • <meta name="robots" content="all"> robots这个值可以用,但后面的all是一个不规范的值。默认值为index, follow,可以达到和all相同的效果,所以只需把这一句删掉。
  • <meta name="copyright" content="…">不存在这样的meta,应当直接删掉,新建一个版权页面或div层,然后通过<link>rel="copyright"属性来链接到它。
  • <meta name="rating" content="…">此meta不存在,应当删掉。

脚本中的HTML注释

曾经只有一部分浏览器可以识别标签,其他的浏览器会把脚本内容当作文本输出。因此有一种做法是把脚本放在HTML注释里面,这样,能够识别脚本的浏览器将会执行脚本,而其他的浏览器则忽略。
阅读全文 »

城市稻草人 – 曹方

曹方是我非常喜欢的一个独立音乐人,《城市稻草人》是我听她的第一首歌。她的歌很多比较舒缓,也有一些节奏轻快的,都挺不错,适合安静的时候听一下。曹方的形象也很自然,就像一个学生妹,或是邻家女孩的那种感觉。跟一些浓妆艳抹、穿多了就热的歌手相比,她给人的感觉是比较纯净、舒服的。歌曲描述的东西大多也都很原生态、贴近生活,像《南部小城》《春花秋开》《夏末的萨克斯手》《浅彩虹》这些歌名一看就明白了。

我觉得现在很多的流行歌手都不够用心,只在造型上做文章,吸引眼球,唱歌却言之无物,歌词也很不讲究,让人听完就忘。相比之下我觉得曹方的歌很不错,听起来很舒服,歌里也没有拖泥带水、要死要活的爱情,所以推荐大家听听这样的正能量。多听些这样的歌我觉得能让人安静下来,因为现在的社会,让我们大多数人都很浮躁。我们做什么都很匆忙,甚至听一首歌只听前奏,不喜欢就下一首。当我们越来越变得像这样没有耐心的时候,生活中的那些美好也在离我们越来越远。

IE的CSS hack及条件注释

对于搞前端的同学们来说,实现跨浏览器的兼容,IE是一个大麻烦。可是鉴于低版本IE在国内不可忽视的占有率,我们还是需要好好掌握一些CSS hack。

总结了一些针对IE6-9的属性值hack:

.foo{
     color:green\9;    /* 所有IE */
     color:green\9\0;  /* IE9 */
     color:green \0;   /* IE9 */
     color:green\0;    /* IE8,9 */
    *color:green;      /* IE6,7 */
    +color:green;      /* IE6,7 */
    _color:green;      /* IE6 */
}

还有一种是选择器hack。对IE6可以用 * html ,如下

* html .foo{ color:green; } /* IE6可识别 */

对IE7可以用 *:first-child+html*+html

*:first-child+html .foo{ color:green; } /* IE7可识别 */
            *+html .foo{ color:green; } /* IE7可识别 */

微软推荐使用的方法则是条件注释。因为以上的hack并不是规范化的做法,无法通过 W3C 的 CSS 校验。条件注释的写法如下:
阅读全文 »

刘哈哈与大先生 – 刘心 大鹏

这首歌是《屌丝男士》的主题曲,我觉得挺好听的,来自刘心、大鹏。大鹏不用说了,刘心我原本不太熟悉,去查了下,原来是选秀出身的。话说芒果台弄出来的明星真叫一个多,什么刘忻、刘心、吴昕的,名字都快混了。刘心唱这首歌听来有种很随意、自然的感觉,我比较喜欢这种腔调。一直总是觉得这嗓音很像某个歌手,但就是想不起来了。

大鹏一本正经地唱歌还挺好的。这首歌里面他俩的声音也很相像,我之前都以为这首歌是一个人唱的。

For No Reason – 王若琳

今天是一首王若琳的,她的粉丝应该不少吧。有人说喜欢她唱歌那种慵懒的感觉,我也觉得她的很多歌都挺不错的,她也是一位唱爵士的歌手。

这首歌中英文版都有,下面这个是英文的。我还是听英文版觉得更舒服一些,很有连贯性,因为中文版的没汉化好,中间还会冒出很多英文来。

让HTML加载更快的一些技巧

本文翻译自Mozilla Developer Network

以下提示基于常识和一些试验而得。

经过优化的网页不仅响应更快,同时也能降低服务器的压力,减少所需要的网络连接。对于一些高访问量的站点,或是由突发新闻等特殊情况而带来流量高峰的网站,这是非常重要的。

优化页面的加载性能不仅仅针对那些窄带或手机用户,对于网速较高的用户也同样重要。即使对于网速最快的访问者而言,也能带来显著的改善。

减小页面体积

页面体积大小是影响页面加载性能的最重要因素。

通过删除不必要的空格和注释(俗称最小化)来减小体积,并将内联脚本和CSS放置到外部文件中,可以提高性能,而且对页面结构的改动最小。

使用一些工具如HTML Tidy可以自动去除HTML文件中的空格和多余的空行。还有一些工具通过代码重排或者变量名替换来“压缩”JavaScript。

减少文件数

减少引用的文件数可以降低下载页面所需的HTTP连接数。

根据缓存设置,浏览器会针对每个CSS,JavaScript或图像文件向服务器发送一个If-Modified-Since请求,查询该文件自上一次下载以后是否发生过改动。

通过减少在网页中引用的文件数量,可以省去了发送请求以及接收响应的时间。

如果CSS中用到了许多背景图片,可以采用CSS Sprites,把多张背景图合并为一张来减少HTTP连接数。然后用这张图片替换原来的背景图,并设置合适的坐标。这一招用在尺寸大小固定的元素上效果非常好,但并不是所有的背景图都适合合并。HTTP连接数减少了,再利用浏览器的图像缓存,可以减小网页加载时间。

在渲染页面之前,浏览器必须检查每个CSS和脚本文件的修改时间。因此要花费很多时间去查询文件的最后修改时间,这会明显拖慢网页初次加载的速度。
阅读全文 »

I’m Yours – Jason Mraz

今天这首《I’m Yours》想必好多人都已经听过了,曾经流行过一段时间,直到现在都是,来自“男巫”Jason Mraz,应该是他最有名的一首了。

头一回听这首歌的时候我一直感觉这口音有点奇怪,不像是美国歌手,不过后来知道Jason Mraz确实是美国人。他唱歌是比较有特点的,因为很擅长即兴的发挥,所以一首歌基本上每一次唱出来都有不一样的感觉。我有时候看他的现场版本,觉得这就像是音乐的一种形式上的回归,歌手会随心所欲地唱,尽情地发挥出灵感,把想唱的全都唱出来,不管是依依呀呀还是吧吧啦啦,最后都会让人感觉很痛快,身心愉悦,我估计这也是音乐最原始的功能。这算是回归了本真吧。写到这又想起了以前听过的左小祖咒。以前一直觉得那个很另类,现在想想,无非就是一种比较本真的形式嘛。唱歌为了释放自己,他唱出来自己想唱的,目的就已经达到了。

如果唱歌的人在愉悦自己的时候,别人也听得很爽,那就是一位好歌手了,从这点上来说Jason Mraz很值得听。他带有着难以复制的个人特点。正因为很强的即兴特色,学他的歌也挺不容易的,很难完全唱出他那个味道。这首歌的末尾还能听到他发出那种舌头颤动的音,就像阿拉伯人说话那样。实在不怎么好学的啊。

如果你很好奇,可以听听看,下面这首就是一首左小祖咒的歌,《我不能悲伤地坐在你身旁》。估计大多数人都跟我一样欣赏不了,觉得这完全不在调上,甚至没有调……其实也不是他在瞎唱,音乐的形式很多嘛,无非是这首歌没有和你引起一种共鸣而已。实际上,喜欢听左小祖咒的人也是不少的。歌手都是在唱自己内心里的世界,所以如果左小祖咒说自己在调上,那就是在调上。

Stay Here Forever – Jewel

今天同样来一首英文歌,歌手我不太熟悉,之前没听说过。名字叫宝石(Jewel),呵呵,声音还是很好听的。像这样的歌我觉得是很符合大众口味,大部分人听了应该都会喜欢的,比较轻快放松。

New York City – Norah Jones

这个分类下面准备放一些音乐在这,都是一些我自己觉得好听的。今天先来首New York City吧,歌手是Norah Jones。

Norah Jones是位唱爵士乐的歌手。这首是她比较早的一首歌了,发行于03年。我很喜欢这首歌的节奏,也是我最喜欢的她的歌曲之一,从这首歌我开始听Norah Jones。

暂时没找到特别好用的播放器,先用虾米的吧,连接速度挺快的,就是貌似有一个很二的缺点,无法调节音量……虾米着产品好歹也算有些年头了吧,难道觉得没有必要做这个功能?

flight