开源中最好的Web开发的资源
学习HTML 5编程和设计
SASS/LESS如何安装使用 – 拥抱HTML5
上周末参加了#拥抱HTML5#两天下来感受并学习到了大部分关于HTML5的分享，这里感受较学习到的要多一些，毕竟不能靠两天的时间就能把分享者整理的知识点全都掌握，感谢远道而来的分享、w3ctech能够提供给这么多前端人员交流的机会，意义很大。
快乐设计师 [布丁]的演讲主题：《SCSS & Compass》中show了很多有关SASS, SCSS, COMPASS的技巧，用来提升我们平常组织CSS文档的效率，具体w3ctech会将当天分享的文档整理（如果等不及可以先查看SASS的官网或slideshare上的搜索结果）
好了回到正题《SASS/LESS如何安装使用》
1.搭建环境（简单的下载安装Ruby）
下载安装Ruby，Windows下的Ruby下载，Mac OS X 就跳过这一步，Linux自己去找吧（这部分用户的强项）
建议安装的时候勾选下，这样可以直接通过cmd命令行操作（不必手动添加Path）
2.安装SASS
完成第一步之后，在开始菜单中找到并运行Ruby命令行，如图
启动可以看到命令行窗口，安装SASS（LESS安装方法相同），在命令行键入如下代码（其实官网顶部所列的三条即为常用的）并回车：
gem install haml
HTML5特性检测
读书笔记整理：浏览器渲染Web页面的时候，会构造出一个文档对象模型（Document Object Model，简称DOM），所有的DOM对象都共享一些公用属性，但是有些对象会拥有其特有的属性。在支持HTML5特性的浏览器中，特性相关的DOM对象就会有特定的属性。从这些DOM对象中可以快速检测出哪些HTML5特性是被支持的。
以下四种可以用于检测浏览器是否支持某种HTML5特性，从简单到复杂依次是：
Continue reading →
跟上HTML5
HTML5的实现跑在了规范的前面，各大浏览器包括穿着马甲的都已经支持许多特性，网上冲浪（貌似初中电脑教程甚至是英文教材上都有这个词，曾经~）的途中可以看到一些新奇的效果。刚出来的时候看了HTML5的展示视频，以及还尝试的在一个网站上下手，用到的也只是九牛一毛（语义化的标签和部分CSS3效果），涉及到的移动设备早一班走了，没有赶上：）
现在应该多抽出一些时间来看一下HTML5了，外面的声音是那么的响亮，整理自己的碎片时间。
但是基本功还是要扎实，最近把很大精力放在JS上面，悲惨一点的是设备上跑不了jQuery（很多常用的DOM不能很好的支持），只能用原生及JS来实现一些效果，这是压力和动力吧，至少现在可以直视满屏的JS代码了~
总体来说个人觉得HTML5是一个整体，不单单是CSS2时代的“画画”啦。
跑在实现后面的标准，引如下： Continue reading →
HTML5和CSS3工具资源汇总
Milestone新布局HTML5
这些天除去其他项目的维护的工作，主要精力还是放在了迈石网站建设上，上一篇提到了两个方向这篇开始我用Milestone来代表迈石科技。
进度如下：
完成了对整个站点的HTML5标签重构，由于HTML5、CSS3目前还处于定义草案阶段，这里仅做参考；
W3C 在 1 月 22 日发布了最新的 HTML 5 工作草案。HTML 5 工作组包括 AOL, Apple, Google, IBM, Microsoft, Mozilla, Nokia, Opera 以及数百个其他的开发商。HTML 5 中的一些新特性：嵌入音频、视频、图片的函数、客户端数据存储，以及交互式文档。其他特性包括新的页面元素，比如 <header>, <section>, <footer>, 以及 <figure>。
通过制定如何处理所有 HTML 元素以及如何从错误中恢复的精确规则，HTML 5 改进了互操作性，并减少了开发成本。
Milestone的HTML5页面框架： Continue reading →
迈石网站建设第一篇
由于公司的网站建设是基于几年前的 HTML 4.01 Table布局站点，结构不清晰，多Table的嵌套布局不适合搜索引擎的检索抓取，缺点这里就不多说了，毕竟已经有一大群整天喊着DIV+CSS，都快喊烂了。现考虑将这个站点重构，之后再进行搜索引擎优化。
网站重构 — 制定搜索引擎喜欢的网站构架
采用最近流行起来的HTML5+CSS3的更符合语义化的标签来进行页面的布局（由于Milestone这个站点结构比较简单，并没有使用之前提到的圣杯布局，合适的才是最好的）
搜索引擎优化
前面提到的“制定搜索引擎喜欢的网站构架”是基础，在对基础设施进行完善之后，就开始相应的搜索引擎优化了，以期望达到目标关键词能在搜索结果页中有个较好的排名，实现更多的流量转化。
先来完成两步（优化代码、静态化页面上面以说这里不考虑）
第一步，路径的设计
- 搜索引擎能对路径和网页上的关键词进行匹配，因此路径中带有关键词是有利于在搜索结果页排名的
第二步，标签的设计
- Title
- Keywords
- Description
第三步，待续。。
这将会是一个学习和实践的过程，事实上已经开始实施了，这周基本可以完成重构工作，很高兴Cherry能一起参与进来协同工作。