HTML5和CSS3工具资源汇总
紧张项目管理策略 – 短兵相接勇者胜
1.计划的加减法则
不要花太多时间在计划讨论上，任务确定采用加减法则取舍，时间预算区别于 常规项目。
常规项目计划作加法：设定一个目标, 围绕该目标, 列出所需条件评估，一一满足；列出任务, 然后一一实现；据此时间预算从前往后推算。
紧急项目计划作减法：只作必须的事情。如果这件事情不做，这个项目就没有 意义, 那么这件事情定义为必须；短期的紧急项目只关注必要的结果, 其他的实现成本高的任务砍掉；非必要的条件性任务可以安排先后顺序调整； 锦上添花的功能或效果不作任务承诺或者安排在缓冲时间实现；时间预算从后（Dead line）往前推。
2. 早期需求挖掘
内容策划方面需求越确凿越好
如果时间紧张, 内容策划却没有确定, 设计师搅和进去, 一定吃力不讨好, 奉劝不必在此浪费自己的能量, 时间是设计师发挥的客观限制。
视觉风格需求参考越丰富越好 Continue reading →
Web 设计师的 50 个超便利工具
作为一个 Web 设计师并不容易，不仅考虑设计与架构，还要时刻注意各种小细节，设计师的工作被各种各样的问题包围，你需要一套超级便利的工具帮你解决各种消耗时间和精力 的问题。本文介绍了50个非常强大的工具，你会发现，其中的一些工具会让你感到惊艳在。
LaunchList
站点发布前的工作清单，预设了28个需要检查的事项，也可以自定义。同类工具： Ultimate Website Launch Checklist 以及 The Ultimate Website Prelaunch Checklist。
前端知识收集与管理-第9期WEB标准交流会
这是6月份的WEB标准化交流会，这里是话题：
Title：前端工程师的知识收集与管理
Description：知识收集与知识管理：包括个人的和团队的，从工具、流程到平台！
本期上海是在The NetCircle，这里很有趣，关键字：酷工厂、苏州河、复式、玻璃缸鱼、碟子；
还有倒着的路标哦:-)： Continue reading →
上海长城宽带招聘页面重构工程师
作为实践Chinastone.ORG
今天选择启用Chinastone.ORG绑定到另一个新站点，我希望通过Chinastone能让自己的扩展知识得到很好的实践(也可以说是折腾)。大纲细节XX的还没有想好，先挂个页面上去，在此记录一下：
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能一起参与进来协同工作。
iphone/ipad网站开发技巧整理
iphone/ipad异常刚猛，在此把收集到的一些开发技巧罗列出来,方便项目中参考使用,如下：
侦测iPhone/iPod
开发特定设备的移动网站，首先要做的就是设备侦测了。下面是使用Javascript侦测iPhone/iPod的UA，然后转向到专属的URL。
if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) { if (document.cookie.indexOf("iphone_redirect=false") == -1) { window.location = "http://m.example.com"; } }
虽然Javascript是可以在水果设备上运行的，但是用户还是可以禁用。它也会造成客户端刷新和额外的数据传输，所以下面是服务器端侦测和转向：
if(strstr($_SERVER['HTTP_USER_AGENT'],'iPhone') || strstr($_SERVER['HTTP_USER_AGENT'],'iPod')) { header('Location: http://yoursite.com/iphone'); exit(); }
设置viewpoint和屏幕等宽
如果不设置viewpoint，网站在viewpoint就会显示成缩略形式。如果你专门为iPhone/iPod开发网站，这一条很有用，而且很简单，只需要插入到head里就可以： Continue reading →