摘要：
google之前出了javascript规范指南，中文翻译传送门在此，现在有了html/css规范指南，明河开始翻译时版本是2.1。后续如果google有新的内容补充，明河也会跟进。常规样式规则协议引入的assets资源文件（js、css、图片文件）忽略协议（http:, https:），比如：不推荐的写法：<script src="http://www.google.com/js/gweb/analytics/autotrack.js"></script>推荐的写法：<script src="//www.google.com/js/ 阅读全文
摘要：
以下是我最近半年来所思所想，由于工作原因所说的话只能停留在“道”的层面上，没有具体的做法和实际案例，内容较“虚”。如果您想看到具体的实在的操作层面内容，请止步。1、名词所谓“主动消费”，春天到了我需要买双不是那么厚的鞋子；所谓“被动消费”，虽然春天到了但我有几双不是那么厚的鞋子穿，不那么需要再买一双。因为别人说某个鞋子不错、看到某个地方在打折、看到某个鞋子很不错、… 我又买了几双不是那么厚的鞋子。所谓“富裕”，我跟王建硕看法有些类似：看看你被动消费了多少东西，就知道你有多富裕了。（建硕说：富裕，就是家里的闲置物品越来越多。）2、主动消费基本上，Google的商业模式是针对于主动消费的，我需要买 阅读全文
摘要：
On having layout本文修订中当前版本：Rev. 7 2006–05–17http://www.satzansatz.de/cssd/onhavinglayoutrev07-20060517.html修订历史http://www.satzansatz.de/cssd/layoutchangelog.html各种语言版本目录介绍Internet Explorer 中有很多奇怪的渲染问题可以通过赋予其“layout”得到解决。John Gallant 和 Holly Bergevin 把这些问题归类为“尺寸bug(dimensional bugs)”，意思是这些 bug 可以通过赋予相 阅读全文
摘要：
合理消费你的86400秒每天都有宝贵的86400秒，有的人给这些时间赋予的无限的创造力，而有的人却让他们不知不觉地溜走。安东尼罗宾说”你每分每秒都要做最有生产力的事情”。我从一篇文章上看到一些方法和观点，及时记录了下来，现在把它放到我的web log上，给自己以启示和警告。如何合理的消费他们？下面是一些具体的事例。1.在每个工作如前为计划中的工作做些准备；2.把凡是能交派下属完成的事情交派下去；3.利用工作进度表来书面规定工作任务及目标；4.一次性处理完毕每份文件5.理出清单，按重顺序排列，依次办理；6.尽量回避干扰性电话，不速之客来访，突然的约会；7.按照生理节奏变化虚线完成工作安排；8.为 阅读全文
摘要：
来看一个经典的三栏布局：从内容出发（渐进增强的核心思想），一份合理的HTML结构如下：<div id="page"> <div id="hd"></div> <div id="bd"> <div class="main"></div> <div class="sub"></div> <div class="extra"></div> </div> 阅读全文
摘要：
上篇中讨论了各种已有的布局实现。仔细分析各种布局的技术实现，可以发现下面三种技术被经常使用：浮动 float负边距 negative margin相对定位 relative position这是实现布局的三个最基本的原子技术。只要巧妙组合，并加以灵活运用，就能“拼”出各种布局的实现方案。尝试之路考虑以下DOM结构：<div id="page"> <div id="hd"></div> <div id="bd"> <div class="main">< 阅读全文
摘要：
我们需要流量，迫切的需要。流量来自哪里？对于大部分站长或博客说，都来自搜索引擎。所以，我们要流量，就要时时的想方设计去讨好搜索引擎。那你有没有想过从搜索引擎的角度浏览你的博客是什么样子呢？SEO-browser就提供这样一种服务，你只需要输入你的网址，它就可以模拟出对于机器人来说，你的页面是个什么样子，有些什么内容。这是有趣的，但不止有趣，还非常有用。这将让你很直观的看到，对于搜索引擎来说，你的网站里的哪些内容，根本就没什么价值，不会被抓取，从而，你可以进行相应的调整，实施一套新的网站推广策略。不止如此，你还可以切换到高级模式，查看你的页面标题、网站描述、关键词、页面载入时间、页面大小、网站P 阅读全文
摘要：
19款javascript富文本编辑器。也许你还有兴趣查看15个基于Web的HTML编辑器和6款所见即所得(WYSIWYG)的在线Web编辑器。1.AIE(演示地址)AIE是一个开源的ajax图片编辑器，基于ExtJS与PHP ImageMagick开发，易于与博客/相册等其它应用相集成。提供调整图片大小，裁剪图片，旋转/翻转图片，应用滤镜，添加文本，添加水印等功能。2.MarkitUp(演示地址)MarkitUp是一个轻量级，可定制，灵活的WYSIWYG Editor。3.SmartMarkUPSmartMarkUP是一个轻量级，强大的JavaScript library，它能够将Texta 阅读全文
摘要：
写任何编程代码，不同的开发者都会有不同的见解。但参考一下总是好的，下面是来自Javascript Toolbox发布的14条最佳JS代码编写技巧，Sofish翻译(1,2)。1. 总是使用 ‘var’在javascript中，变量不是全局范围的就是函数范围的，使用”var”关键词将是保持变量简洁明了的关键。当声明一个或者是全局或者是函数级（function-level）的变量，需总是前置”var”关键词，下面的例子将强调不这样做潜在的问题。不使用 Var 造成的问题var i=0; // This is good - creates a global variablefunction test 阅读全文
摘要：
1.simplyScrollsimplyScroll这个jquery插件能够让任意一组元素产生滚动动画效果，可以是自动、手动滚动，水平、垂直方向滚动。此外，它还可以接受动态图片输入通过Flickr供稿或一个本地JSON数据源。2.Animated Collapsible DIV为任何DIV层添加Web2.0风格的动画隐藏/显示效果3.jQuery Pagination(演示地址)jQuery分页插件4.side bar menu using script.aculo.us(演示地址)采用script.aculo.us开发的侧边滑条菜单。5.mooSocializemooSocialize基于a 阅读全文
摘要：
jquery简单易学，但如果你想写出更漂亮更简洁高效的代码，总需要一些技巧。本文就为你总结了14条改善jQuery代码的技巧。1.测试并提升你的jQuery选择器水平这个jQuery选择器实验室非常酷，它能在线免费使用，当然你也能下来到本地离线使用。这个测试页面包含复杂的html组合字段，然后你能尝试预定义使用各种jQuery选择器。如果这还不够你也可以自定义选择器。2.测试jQuery包装集是否包含某些元素如果你想测试一下某个jQuery包装集中是否包含某些元素，你首先可以尝试使用验证首个元素是否存在：if($(selector)[0]){...}// 或者这样if($(selector). 阅读全文
摘要：
概述jQuery 是继 prototype 之后又一个优秀的 Javascript 框架。其宗旨是—写更少的代码,做更多的事情。它是轻量级的 js 库(压缩后只有21k) ，这是其它的 js 库所不及的，它兼容 CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。 jQuery 是一个快速的，简洁的 javaScript 库，使用户能更方便地处理 HTML documents、events、实现动画效果，并且方便地为网站提供 AJAX 交互。 jQuery 还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有 阅读全文
摘要：
一、现象描述真正意义上的inline-block水平呈现的元素间，换行显示或空格分隔的情况下会有间距，很简单的个例子：<input /> <input type="submit" />间距就来了~~我们使用CSS更改非inline-block水平元素为inline-block水平，也会有该问题：.space a { display: inline-block; padding: .5em 1em; background-color: #cad5eb;}<div class="space"> <a href=&qu 阅读全文