<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/">
<channel>
<title><![CDATA[GreenGnn.ORG - my]]></title>
<link>http://www.greengnn.org/index.php/feed/category/default/</link>
<language>zh-cn</language>
<description><![CDATA[只是一个默认分类]]></description>
<pubDate>Fri, 30 Jul 2010 23:30:08 -0500</pubDate>
<item>
<title><![CDATA[交流会和Webrebuild.org的一点小误会]]></title>
<link>http://www.greengnn.org/index.php/2010/04/17/19.html</link>
<pubDate>Sat, 17 Apr 2010 06:35:08 +0000</pubDate>
<category><![CDATA[my]]></category>
<description><![CDATA[可能很多人不知道web标准化交流会和Webrebuild.org两个组织。

web标准化交流会是去年11月，web标准化联盟群的线下技术交流会产生的一个组织。已经连续举办了6期，年后一期停办，已...]]></description>
<guid>http://www.greengnn.org/index.php/2010/04/17/19.html</guid>
<slash:comments>7</slash:comments>
<comments>http://www.greengnn.org/index.php/2010/04/17/19.html#comments</comments>
<content:encoded><![CDATA[<p>可能很多人不知道web标准化交流会和Webrebuild.org两个组织。</p><p><a href="http://www.w3ctech.com">web标准化交流会</a>是去年11月，web标准化联盟群的线下技术交流会产生的一个组织。已经连续举办了6期，年后一期停办，已经开通了四个城市同步进行的类似与UCD书友会的前端交流平台。</p><p><a href="http://www.webrebuild.org">Webrebuild.org</a>是07年在深圳成立的以年为单位的线下座谈会，共同探讨web标准，推动web标准的发展。深圳已经连续举办三届，北京去年举办了一届。应前端者的要求，不能只在深圳举办，很多外地的同学没法参加，09年12月在北京开通北京站，并联合W3C 谷歌技术用户组，在谷歌成功举办。</p><p>我09年10月份来北京发展，作为webrebuild.org第一批会员，有责任把北京分站筹备起来，刚好遇到了做线下交流会的想法，就两个事情一起做了，也想过与其搞那么多分散的组织，不如集中力量以统一的平台推广web标准，就单方面沟通过，把交流会作为webrebuild.org的月会，webrebuild.org年会和月会相辅相成，这样效果更好一些，也有很多支持webrebuild.org的朋友参与进来，月度筹备交流会，年度筹备年会。基本上的想法就是Webrebuild旗下的交流会。然后我承担起了交流会网站的建设，提供了我的域名w3ctech.com和服务器支持，当时我作为蓝色理想web标准化版的版主，也大力在蓝色理想推广交流会。</p><p>没想到的是由于这些都是单点沟通，随着交流会名声壮大，很多人参与进来，却不知道两个组织之间的事情，导致了为什么要把交流会纳入webrebuild旗下的争论和不满，还有webrebuild年会主办方为什么不加入web标准化交流会。在我的想法里并不想弄出两个组织的，结果运作出两个组织的尴尬。而且出现了两个组织之间的隔阂，真是太失败了，对于这些误会，我应该承担所有责任，是我沟通和传达不利。</p><p>但是事情还得做，我就主动退出交流会组委会，把我来北京想做的一个事情做好，那就是Webrebuild.org北京站的组建。成立独立与交流会的Webrebuild.org北京组委会。让想为前端做点事情的同学可以避免这些争论，把交流会和webrebuild.org都做好，做强，而不至于到了最后因为这些误会两边都耽搁了。</p><p>对交流会，我还是一如既往的支持，就像深圳webrebuild.org组织以交流会的名义组织深圳站的交流会一样。希望这件事情大家有个清晰的认识。</p><p>最后，很多人都在为推动前端而努力，可惜发生了太多的因为组织不同而产生的隔阂，D2 Webrebuild.org Web标准化交流会 CSS森林，我也不知道百花齐放好呢，还是统一团结好。希望中国能有一个<a href="http://www.webstandards.org/">WASP</a>，集中力量推广W3C标准，用草根的力量解决终端的混战，还前端开发一个统一一致的平台。</p>]]></content:encoded>
<author><![CDATA[greengnn]]></author>
<dc:creator><![CDATA[greengnn]]></dc:creator>
<wfw:commentRss>http://www.greengnn.org/index.php/feed/2010/04/17/19.html</wfw:commentRss>
</item>
<item>
<title><![CDATA[第三期web标准化交流会小记]]></title>
<link>http://www.greengnn.org/index.php/2009/12/26/17.html</link>
<pubDate>Sat, 26 Dec 2009 14:38:47 +0000</pubDate>
<category><![CDATA[my]]></category>
<description><![CDATA[首先要感谢与会者，UXday 百度FE和WED部门联合筹备这期WEB标准化交流会，还有盒子咖啡美味的糕点和辛苦的服务生们。
本期交流会话题是页面重构合理化讨论，详细信息点击这里查看。我是本次的主持人...]]></description>
<guid>http://www.greengnn.org/index.php/2009/12/26/17.html</guid>
<slash:comments>8</slash:comments>
<comments>http://www.greengnn.org/index.php/2009/12/26/17.html#comments</comments>
<content:encoded><![CDATA[<p>首先要感谢与会者，UXday 百度FE和WED部门联合筹备这期WEB标准化交流会，还有盒子咖啡美味的糕点和辛苦的服务生们。<br />本期交流会话题是页面重构合理化讨论，详细信息<a href="http://home.blueidea.com/space.php?uid=128197&do=thread&id=682">点击这里查看</a>。我是本次的主持人，感觉大家讨论的质量和热情比以前几期都有很大提升，不足的地方就是场地时间是17点的，还有两节话题还未讨论。<br />还是记录些技术话题吧，解构合理化这块，大家对DTD的统一都认可的，一个团队的项目必须统一一个DTD，但是不同的团队可能有不同的侧重，有团队历史原因，还有浏览器等当前的客观原因。通过W3C验证，较多人持反对太对，因为代码是写给人看的，没必要刻意的去通过验证，我的观点是验证是一个很好的工具，可以在debug的时候减少很多结构嵌套错误带来的不必要的麻烦，一些过分苛刻的验证我觉得是可以妥协的，比如&的转移，因为太多而且很麻烦。语义化是html的根本，界面为中心的前端人士可能不认可，但是写html就像写其他语言一样，必须遵循它基本的定律和原则，语义化就是写html的原则。命名规则统一也是可以的，但是方案没讨论出来什么样的比较好，我偏向微格式的命名，小写英文数字和减号线的组合。对于微格式和RDFa很多与会者不清楚，看来语义被太多人无视了，其实微格式部分规则已经被google接受了，纳入了搜索算法中，这方面有疑问的可以去google的网站管理员帮助里查看。命名语义可以借鉴微格式和html5，这样团队都熟悉和认可的方案，而且是业界公认的，让整个页面的命名一致性更大，换工作也好适应。<br />CSS这边没什么好讲的，基本三层分机，公共规则，reset等，公共模块，和具体应用都被接受，当然个例比如换肤等的要特别处理。对于CSS编码这块就有争议了，utf-8的css编码可以避免中文乱码和CSS IE某浏览器读取失败，但是通过转码可以解决，winter讲到utf-8会增加字节，当时我比较晕菜，因为这是对的，但是忘记了css中大部分是英文，只有中文才会增加字节。CSS压缩这块，我希望能讨论出自动化的方案，但是失望了。<br />素材合理性，我比较关心的图片最大字节规定没出现结果，不过还是有些案例可以参考，比如有的人的团队是60k，有的是30k，我的底线其实是100k。图片的管理，也没实质的结果讨论出来，其实本意是讨论图片的目录划分和css sprites的管理以及版本管理，可能太细节了，大部分同学的工作环境不会太多涉及。png-8的认可度很高，也提到了图片的压缩工具，要顶下。<br />很可惜的几块，JS合理化中的框架的选择和JS的性能没能讨论到，还有HTML5 CSS3在项目中如何运用起来的话题，可以留到下一期继续讨论。</p><p>-EOF--</p>]]></content:encoded>
<author><![CDATA[greengnn]]></author>
<dc:creator><![CDATA[greengnn]]></dc:creator>
<wfw:commentRss>http://www.greengnn.org/index.php/feed/2009/12/26/17.html</wfw:commentRss>
</item>
<item>
<title><![CDATA[[招聘]12月12日 腾讯深圳现场招聘会]]></title>
<link>http://www.greengnn.org/index.php/2009/12/06/hr.html</link>
<pubDate>Sun, 06 Dec 2009 15:22:02 +0000</pubDate>
<category><![CDATA[my]]></category>
<description><![CDATA[友情广告一下
-----华丽分割线----------------
腾讯公司将会在2009年12月12日在深圳腾讯大厦一楼大堂举办现场招聘会，现场招聘职位超过170个，详情请见:http://hr...]]></description>
<guid>http://www.greengnn.org/index.php/2009/12/06/hr.html</guid>
<slash:comments>1</slash:comments>
<comments>http://www.greengnn.org/index.php/2009/12/06/hr.html#comments</comments>
<content:encoded><![CDATA[<p>友情广告一下<br />-----华丽分割线----------------<br />腾讯公司将会在2009年12月12日在深圳腾讯大厦一楼大堂举办现场招聘会，现场招聘职位超过170个，详情请见:<a href="http://hr.tencent.com/pages/scene/live_20091130_sz.shtml">http://hr.tencent.com/pages/scene/live_20091130_sz.shtml</a></p><p>如果您是应聘HL1-页面重构工程师【<a href="http://hr.tencent.com/pages/position/detail.shtml?jobid=1997&location=0">http://hr.tencent.com/pages/position/detail.shtml?jobid=1997&location=0</a>】，可以先发您的简历到<a href="mailto:ivane@qq.com">ivane@qq.com</a>，谢谢！</p>]]></content:encoded>
<author><![CDATA[greengnn]]></author>
<dc:creator><![CDATA[greengnn]]></dc:creator>
<wfw:commentRss>http://www.greengnn.org/index.php/feed/2009/12/06/hr.html</wfw:commentRss>
</item>
<item>
<title><![CDATA[Webrebuild.org北京站第一届交流会]]></title>
<link>http://www.greengnn.org/index.php/2009/11/21/15.html</link>
<pubDate>Sat, 21 Nov 2009 07:54:55 +0000</pubDate>
<category><![CDATA[my]]></category>
<description><![CDATA[时间： 2009-12-12 13:00 – 18:00
地点：
北京 - 谷歌中国办公楼二楼会议室 地图
说明
webrebuild.ORG的成立日在2007年8月18日，致力于推广“Web...]]></description>
<guid>http://www.greengnn.org/index.php/2009/11/21/15.html</guid>
<slash:comments>1</slash:comments>
<comments>http://www.greengnn.org/index.php/2009/11/21/15.html#comments</comments>
<content:encoded><![CDATA[<p><strong>时间：</strong> 2009-12-12 13:00 – 18:00<br /><strong>地点：</strong><br />北京 - 谷歌中国办公楼二楼会议室 <a href=">http://maps.google.com/maps?q=google中国&hl=zh-CN&cd=1&ei=1NUES-mmFJXyuwOc-dXlCw&ie=UTF8&view=map&cid=4131049746961784684&iwloc=A&ved=0CA0QpQY&sa=X" title="">地图</a><br /><strong>说明</strong><br />webrebuild.ORG的成立日在2007年8月18日，致力于推广“Web标准”，促进全国前端开发工作者的交流，提升前端开发的影响力。自成立以来一直受到W3C中国、蓝色理想等组织的大力支持。深圳站于今年已经成功举办三届交流会。为了促进更大范围的交流，于今年正式成立北京站，定于12月12日在谷歌中国举办webrebuild.ORG北京第一届交流会。<br /><strong>交流会内容：</strong><br />相互见面、交流、探讨“网站重构，前端开发”的发展路向；其间有精彩分享如下：</p><ul><li>twinsenliang——《一专多长》</li><li>张克军——《分层语义化模板实践》</li><li>阿当——《面向对象思想在css中的应用》</li><li>鲁超伍——《揭秘HTML5及CSS3.0》</li></ul><p><strong>座谈会费用：</strong>活动不收取任何费用，晚餐自愿（AA制）。<br /><strong>预定人数：</strong>100人。<br /><strong>活动奖品：</strong>由Google技术用户组以及华章出版社提供<br /><strong>与会者要求：</strong><br />由于场地有限会议采取邀请制，筛选后统一发送邀请函，请持邀请函打印版进入会场。W3C标准爱好者，网站重构和前端开发人员，谢绝一切推销和推广人员参加。<br /><strong>报名表单：</strong><a href="http://spreadsheets.google.com/viewform?formkey=dFJnRnZDQTN4OGlqZkJ0aERaay1QTWc6MA" title="">http://spreadsheets.google.com/viewform?formkey=dFJnRnZDQTN4OGlqZkJ0aERaay1QTWc6MA</a><br /><strong>报名开始和截止日期：</strong><br />11月19日——11月30日<br /><strong>与会邀请发出：</strong><br />在12月1号至12月5号，以邮件方式发送邀请函。<br /><strong>致外地同学：</strong><br />如果你是非北京同学，请提前联系好酒店，大会由于人手有限不能负责住宿的预定，实在抱歉。<br /><strong>主办方：</strong></p><ul><li>webrebuild.org</li><li>W3C中国</li><li>Google Technology User Groups (GTUG)北京论坛</li></ul><p><strong>详情页面</strong><br /><a href="http://www.webrebuild.org" title="">http://www.webrebuild.org</a></p>]]></content:encoded>
<author><![CDATA[greengnn]]></author>
<dc:creator><![CDATA[greengnn]]></dc:creator>
<wfw:commentRss>http://www.greengnn.org/index.php/feed/2009/11/21/15.html</wfw:commentRss>
</item>
<item>
<title><![CDATA[第一届web标准线下交流会]]></title>
<link>http://www.greengnn.org/index.php/2009/11/01/club.html</link>
<pubDate>Sun, 01 Nov 2009 10:42:50 +0000</pubDate>
<category><![CDATA[my]]></category>
<description><![CDATA[第一届web标准线下交流会

主题： 文件管理讨论
官方：http://uicss.cn/club/
嘉宾：张克军，阿当，greengnn(张建斌)
照片：http://home.bluei...]]></description>
<guid>http://www.greengnn.org/index.php/2009/11/01/club.html</guid>
<slash:comments>3</slash:comments>
<comments>http://www.greengnn.org/index.php/2009/11/01/club.html#comments</comments>
<content:encoded><![CDATA[<p>第一届web标准线下交流会</p><p>主题： 文件管理讨论<br />官方：http://uicss.cn/club/<br />嘉宾：张克军，阿当，greengnn(张建斌)<br />照片：http://home.blueidea.com/space.php?uid=391214&do=album&id=2301</p><p><img src="http://home.blueidea.com/attachment/200910/31/391214_125699787293vW.jpg" alt="第一届web标准线下交流会" width="500" /><br />前言：对大家能在周末抽出时间来参加会议表示感谢，挺冷的天20多人如约而至，交流会不同于大牛分享，更能面对面的解决一些工作中实实在在遇到的一些问题，大家都表示比较有价值，收获挺大的。在此也非常感谢身边网[http://www.360side.com/]的友情赞助会场。</p><p>张克军分享和观点<br />不同公司的不同文件管理和前端模式造成对正确的对正确文件管理和学习的成本过高。<br />行业还没完全成熟，行业需要一个圈子，去学习UE和交互的那种交流模式。</p><p>一个网站一个css文件是存在很多缺点的文件的冗余过大，有用的代码很少。<br />认为应该这样部署：<br />公共样式 <br />基本模块，布局，链接等<br />产品级别 <br />继承模块样式，有特点的调整<br />页面专属 </p><p>将文件分为三个级别进行管理，有同学提到YUI的css框架，克军的观点，YUI的分类是基于技术而不是应用的</p><p>对于js的管理<br />js文件的划分要减少依赖，不要存在依赖关系过于复杂，不同依赖文件的版本也不同。<br />YUI的use()按需加载模式，颗粒话很小，这样的模式就很优秀。</p><p>素材文件的管理<br />全站公用的图片使用css sprites合并。<br />可以尝试Data URI [http://en.wikipedia.org/wiki/Data_URI_scheme]编码做内容图片的展示。</p><p>建斌/greengnn分享<br />分享《大页面构想》ppt<br />ppt内容<br />小页面的观点，div+css等狭隘的理解前端页面重构工程师<br />大页面观点，从产品诞生的流程，分析页面人员的能力模型，应该具备一专多长，要熟悉项目管理，产品，设计，后台开发，产品运营等，作为研发中的一个衔接层，更好的像产品构想和设计付诸实施。通过一些方面展现页面的价值<br />1.高效研发<br />2.SEO，廉价的推广<br />3.换肤，增强个性化体验经济<br />4.速度：用户对产品的第一体验<br />5.流量：成本的节约就是收益</p><p>模块化的去管理文件<br />第一步画出sitemap图，梳理网站结构。<br />第二步划分站点模块，文件模块，代码模块</p><p>模块化的代码实现方案，通过后代选择符进行模块管理，实现低耦合低依赖，满足协同开发和版本管理<br />详细内容见ppt中。</p><p>阿当分享<br />三层架构<br />base层 纯语言层<br />css方面<br />reset，base，和公共rules(清楚浮动等)<br />js方面，底层库文件，实现基本的dom，event等操作，实现跨浏览器<br />comm层 公用组建，可复用代码<br />css方面 通过封装基本表现颗粒，fs14(font-size:14px) tac(text-align:center) fl(float:left)等<br />js方面 基本的功能代码，动画，异步请求等js功能代码<br />应用层 具体页面层<br />css方面，页面的公共模块和私有模块文件<br />js的页面应用文件和代码</p><p>对于css是否封装表现类的class存在争议，大家进行了讨论，部分同学赞同html代码的纯净，避免表现类的class引入。<br />对于后台开发的协作，也赞同html代码尽量的纯净和可拓展性强，将界面的任务更多的交给css去处理。</p><p>接下来大家轮流发表观点，大概罗列一些<br />css sprites的管理<br />关于合并方案的讨论，纵向横向和梯形三中的优点和不足<br />纵向和横向不利于某个图片突然高度和宽度的变化<br />css sprites的文件类型<br />不是动画类的，选择png-8 256色</p><p>css sprites的管理<br />公共的和页面级别的分开成不同的文件</p><p>王峰分享了他的css管理方案<br />给每个页面body定义id，给模块定义id，可以快速的通过id找到对应的代码。<br />根据body id可以区分不同页面的css代码，可以多个页面的css代码放到一个文件中。<br />css文件分为两层，公用层和页面层</p><p>其他一些讨论汇总<br />1.建站公司效率第一，对于一些常用的表现也会封装起来，比如左浮动，文本对齐等，可以快速实现页面，满足客户需要。<br />2.模版的分享，有存在一些前端开发同学进行模版的管理，采用的模版机制各有不同，有xml+xslt的模式，还有smarty模版等其他的模式<br />3.换肤代码管理的讨论，如何实现换肤的管理。讨论的结果，html结构固定，尽量可拓展性强一些，换肤的几种模式按需选择csszengarden的完全独立的换肤文件，还有把颜色，背景颜色，背景图片的可变部分分离出来实现换肤。都通过修改css文件来实现。<br />4.搜索类网站为了速度，使用table+style的方式是不是合理。</p><p>由于没有专职的人员记录，会议讨论有记录不准确和遗漏的还请见谅。<br />这次交流会的一些不足总结：<br />1.口头交流居多，演示方面不足<br />2.由于路途遥远和地方不好找，开始时间有点推迟。<br />3.流程不够明确，自我介绍环节做得不够好。笔记和在线直播没做好<br />4.设备不足，白板的笔没有水了，呵呵</p><p>其他人的会议总结：<br />张克军<br />http://hikejun.com/blog/?p=466&cpage=1<br />周裕波（忘记）<br />http://www.webchina110.cn/?p=303</p>]]></content:encoded>
<author><![CDATA[greengnn]]></author>
<dc:creator><![CDATA[greengnn]]></dc:creator>
<wfw:commentRss>http://www.greengnn.org/index.php/feed/2009/11/01/club.html</wfw:commentRss>
</item>
<item>
<title><![CDATA[使用Typecho]]></title>
<link>http://www.greengnn.org/index.php/2009/08/06/start.html</link>
<pubDate>Thu, 06 Aug 2009 01:09:29 +0000</pubDate>
<category><![CDATA[my]]></category>
<category><![CDATA[Typecho]]></category>
<description><![CDATA[Typecho是一个国内和WP类似的blog系统，对比WP，速度是嗷嗷叫的，所以弃用了WP，而且发现他的模版做起来很容易，不到两个小时，编码和调试，一个新的皮肤就诞生了。

新皮肤对不同浏览器提供差异...]]></description>
<guid>http://www.greengnn.org/index.php/2009/08/06/start.html</guid>
<slash:comments0/>
<comments>http://www.greengnn.org/index.php/2009/08/06/start.html#comments</comments>
<content:encoded><![CDATA[<p>Typecho是一个国内和WP类似的blog系统，对比WP，速度是嗷嗷叫的，所以弃用了WP，而且发现他的模版做起来很容易，不到两个小时，编码和调试，一个新的皮肤就诞生了。</p><p>新皮肤对不同浏览器提供差异化的界面，让支持CSS优秀的浏览器用户享受最佳的用户体验。</p><p>以后写博客也尽量避免冗长的废话，几句话切入重点，写着也轻松，别人看着也不累。</p>]]></content:encoded>
<author><![CDATA[greengnn]]></author>
<dc:creator><![CDATA[greengnn]]></dc:creator>
<wfw:commentRss>http://www.greengnn.org/index.php/feed/2009/08/06/start.html</wfw:commentRss>
</item>
</channel>
</rss>