greengnn's space

The life of page 2.0

Mon, 28 Apr 2008 11:10:56 +0800

High Performance Web Pages in YUI

BI WEB标准推荐帖子

Thu, 20 Mar 2008 23:21:46 +0800

我认为是困扰很多刚入门的标准支持者的一些问题的解答帖子，找了一下贴出来。

到底什么是web标准？
http://bbs.blueidea.com/thread-2745030-1-1.html
(X)HTML Strict 下的嵌套规则
http://bbs.blueidea.com/viewthread.php?tid=2713489
[译文]On having layout
http://bbs.blueidea.com/thread-2636904-1-1.html
闭合浮动元素
http://bbs.blueidea.com/thread-2658256-1-1.html
CSS2中文翻译（全文）
http://bbs.blueidea.com/thread-2781393-1-1.html
CSS图片垂直居中方法整理集合！(常见问题解答)

最近的论坛里的帖子

Thu, 06 Mar 2008 11:34:30 +0800

IE8新特性以及使用安装
http://bbs.blueidea.com/thread-2835275-1-1.html

发一个三栏等高布局的Demo
http://bbs.blueidea.com/thread-2834713-1-1.html

IE6和IE7的quirks mode
http://bbs.blueidea.com/thread-2830289-1-1.html

推荐给新手的一篇帖子
试总结：web标准页面必备系列
http://bbs.blueidea.com/thread-2835089-1-1.html

博客以后不怎么更新了

Mon, 03 Mar 2008 21:50:00 +0800

博客以后就不怎么更新了，不是觉得没啥写，就是觉得写博客太浪费时间。
回归经典论坛标准版。想知道我最近有什么想法，或者做了什么demo，都去那里吧。
前台，后台编程，用户体验，创业版，都是我经常逛的地方，有兴趣去那里交流吧。
博客会贴出一些论坛的list过来。

QQ音乐情人节快乐

Thu, 14 Feb 2008 09:40:09 +0800

QQ音乐祝情人节快乐,年后第一天上班，第一件事情就是放出这个祝福皮肤。

Facebook基础的信息架构图

Tue, 12 Feb 2008 08:28:44 +0800

分析社交网站，顺带画了张图，关于facebook的基本信息架构，没有涉及应用和插件的分析。

HTML is center

Tue, 12 Feb 2008 08:26:05 +0800

描述的意思是HTML为中心的前端开发也差不多是web标准的意思。

1.HTML是基础
2.CSS依靠选择符提供视觉；
3.Javascript 依靠HTML事件去驱动行为；
4.DOM提供API修改HTML DOM结构的API给javascript调用；
5.AJAX提供XMLHTTP API建立客户端和服务器端的通信，而且是异步通讯；
6.XHTML是用XML重构的HTML。为了更加结构化；
7.HTML的语义化使用和微格式提供数据抽取，就是SEO的一部分；

没事瞎琢磨的，感兴趣的聊聊！

Google Reader shared items [2008-02-06]

Wed, 06 Feb 2008 00:00:00 +0800

Helping others understand web accessibility
When I hold workshops for people who want to learn more about web standards and accessibility, I often notice that the attendants really have tried to improve their accessibility knowledge. But they get overwhelmed when they go to the official docu..

深入流量的价值

Tue, 05 Feb 2008 03:01:38 +0800

最近和学校时候工作室的朋友谈到流量这个话题，在邮件中深入的聊了聊，我把我的分析整理了一下，写篇日志也期望得到补充和完善。

1.流量是什么？
2.流量带来了什么？
3.流量的收益
4.流量的成本
5.合理的运用流量

一、流量是什么
网站的流量解释很多，一个是从网站所有者的角度，流量就是服务器相应客户端请求的总字节数，第二个是从访问者的角度，就是访问者x他访问页数的总和，作为营销的数据分析网站的运营情况。

二、流量带来了什么
1.收益
名词解释来看，这是营销的角度，流量的上升和下降看以看出一个网站的运营情况，上升则表示你的网站运营良好，下降自然运营出了问题。运营情况拓展至收益，就是流量上升，收益上升，流量下降收益也下降，比如，广告的转化率恒定的话，流量大转化数量就大，反之就小。

借鉴HTML5优化结构的思路

Sun, 27 Jan 2008 20:35:43 +0800

HTML 5 添加了一些新元素，用来标识常用的结构，是html更具语义化，可是我们无法直接使用，即使可能用到还要等他个十年八年的。
那就像微格式一样，使用class代替，或者随意点，使用id和class名来代替，让自己的结构更加清晰化，可以推广为规范，让团队协作更加顺畅。

一些新增的结构标记

section：这可以是书中的一章或一节，实际上可以是在 HTML 4 中有自己的标题的任何东西
header：页面上显示的页眉；与 head 元素不一样
footer：页脚；可以显示电子邮件中的签名
nav：指向其他页面的一组链接
article：blog、杂志、文章汇编等中的一篇文章

一些例子
HTML5的文档结构

Google Reader shared items [2008-01-23]

Wed, 23 Jan 2008 00:00:00 +0800

Standards mode is the new quirks mode
Just in case you haven't already read the companion articles Beyond DOCTYPE: Web Standards, Forward Compatibility, and IE8 and From Switches to Targets: A Standardista's Journey at A List Apart, I suggest you do so now. Back? Good. If you didn't r..

内容,结构,表现,行为分离的讨论

Sun, 13 Jan 2008 03:44:16 +0800

讨论地址：http://bbs.blueidea.com/thread-2823920-1-1.html
老话常谈的问题了，分离，从标准到国人重视那天起，就已经讨论了，但是停留在div+css xhtml+css 纯代码的分离，思想上流程上，到底如何分离？

看读读一篇老文章吧
http://www.w3cn.org/article/tips/2004/43.html

一首古诗的分离

1.给你一首古诗，保存为毫无格式的一堆文字，你去理解它的内容，进行结构的处理。用word排版之后，他有了结构
2.这个结构其实包含了语义和表现
3.用html进行结构化，抛开一切的表现形式，只考虑语义
4.用CSS进行表现处理，包括html的默认表现，他拥有了视觉表现，这个表现体现出了结构化，也体现出了用户体验，用户体验中包含了交互的排版和视觉体验

CSDN看到的2008年不可错过的Web2.0产品

Wed, 02 Jan 2008 18:59:39 +0800

是著名技术博客迈克尔-阿灵顿（Michael Arrington）日前在TechCrunch上给出了2008年不可错过的Web2.0产品。搜索了一下，找到原出处，转载过来，分享一下。也作为记录有空就多去体验体验

近三年的评选产品列表

追忆07展望08

Tue, 01 Jan 2008 01:24:52 +0800

时间过的，很多人都一个感觉——快，大学四年匆匆结束，没来的及细细品味大学四年的得到的失去的，伤心的快乐的，相聚的分离的感受，就投入到了职场的生涯，离开我的第二故乡长春，来到常年真正四季如春的深圳。

07-08年算是我的变动最大的一年，结束了我N多年的学生生涯，开始我人生的另一页，一个很大的人生转折，不管是人生态度还是生活习惯。

以前是一个天天拥抱着理想的学生，天天坐在一起扯淡和偶尔的畅谈理想，晚睡晚起，现在是埋头苦干，兢兢业业，晚睡早起，为生计奔波的职业人，怀着以用户的价值为依归的腾讯人，从3月份到5月份的实习，再到7月份入职到现在的职场生活，渐渐熟悉和融入了另外一种生活，和另外一种追求技术的方式，那就是有激情偶尔很枯燥的工作，对热门事物的狂热追求和到工作范围内的深入学习。

PV暴涨

Thu, 27 Dec 2007 01:42:27 +0800

如上图所示，24号的访问数1754，相比平时总是徘徊在5 6百那样，造成的原因是

这四个关键词
christmas greeting
christmas greetings
merry christmas greeting
christmas wishes

的疯狂拉动，就和我n久以前世界杯期间，CCTV5 PPLIVE的打开方式一样。事件驱动型的pv波动。

当然这是我无意间的，因为哪篇日志是很早以前闲来无事，转载的一些圣诞节英文祝福语，加上我现在的pr值，很容易再google搜索排在前列，貌似这些关键字排在了第一位。

Google Reader shared items [2007-12-22]

Sat, 22 Dec 2007 00:00:00 +0800

456 Berea Street highlights of 2007
Time for the annual look back at what I've written here during the year that is almost at an end. I've been doing this recap since 2004, and it's always interesting to browse through my archives looking for articles that received many comments, wer..

Google Reader shared items [2007-12-18]

Tue, 18 Dec 2007 00:00:00 +0800

说说博客媒体
在以前写过的、翻译过的文章中，屡次提到过“新媒体”这个词，而我也非常关注新媒体的相关内容，但新媒体究竟是个什么样子，恐怕大多数人只有一个模糊的概念。今天经安步当车兄提及，认真研究了一下一种最具代表性的新媒体形式——博客媒体。所谓博客媒体，我的理解..

Google Reader shared items [2007-12-10]

Mon, 10 Dec 2007 00:00:00 +0800

ExtJS 2.0 Final Released
Most awaited JavaScript library Ext 2.0 is finally available providing more power to create amazing web application with a lots of great UI components. ExtJS 2.0 is available for download, under open source and commercial licenses. A migration guid..

Google Reader shared items [2007-11-10]

Sat, 10 Nov 2007 00:00:00 +0800

口碑营销与明星广告
前几天一直在回忆中文网志年会上的所见所闻，今天终于有空写写在年会上真正得到的东西，毕竟那么多panel不是白听的。先来说说口碑营销。这个题目是我在听年会第二天上午的一个panel时从keso的话里面想到的。传统广告中明星广告是一种有效的广告模式，利用明星的影响..

Google Reader shared items [2007-04-06]

Fri, 06 Apr 2007 00:00:00 +0800

HTML Dog: The Best-Practice Guide to XHTML and CSS (Book review)
Do you find reading the HTML and CSS specifications a bit boring or uninspiring? Do you think the W3C could have done well to include just a little bit of humour in those documents? Then this book is for you. Way back in 2003, the book's author P..

Google Reader shared items [2006-10-03]

Tue, 03 Oct 2006 00:00:00 +0800

自然选择：自然界的颜色与界面设计
原文地址：http://www.boxesandarrows...interface_design 作者：Luke Wroblewski 翻译：JunChen 互联网充斥着枯燥的设计，惠普、IBM、戴尔、微软，以及其他数不尽的网站（相似的布局，相似的配色）。可能有人会说通过这样一种标准化的界面可以使浏览更方便，而事..