本文是工作中关于XSLT和XML一个小实例的分享。

需求：XML抛出数据字段username,如Hiro xxx Zhang,需要通过XSLT获得First Name和Last Name，并填入到对应Form表单的字段中。

就XSLT来说，没有像JS中indexOf和lastIndexOf方法，所以不能够通过定位“空格”位置的方法去实现。唯一的方法只能通过“空格”反复去截取，知道剩下的字符串中没有空格。

First Name通过截取第一个“空格”前的所有字符串：substring-before($name, ‘ ‘)。

Lsat Name则通过递归的方法，方法截取“空格”后面的字符串，直到最后只剩下一个不含空格的字符串即可：xsl:template name=”lastName”。

之前也不知道看了哪篇文章的介绍，在火狐上装了FireQuery插件，一直没去注意它的用途。就只发现在FireBug的HTML Tab下的HTML代码层次上多了些事件代码，可以点击查看对应的绑定事件。最近的一些使用，发现了FireQuery的好处，特别是在测试动态生成DOM以及数据测试上很是方便。

关于FireQuery的简介和安装就不多说了，访问：http://firequery.binaryage.com/。

官方测试页面：http://firequery.binaryage.com/test

这几天工作比较清闲，就花了点时间研究了下Github上控制代码版本的事情。之前就一直想找个可以同步代码的服务，这样公司和电脑上自己研究和学习的那些东西就可以同步起来。只需要更新一下即可，而不像之前一直用U盘或者是Dropbox之类的。Github既实现了版本控制，又能同步，同时还可以分享代码，何乐而不为。

其实Github官方和Git官方都有很详细的教程，一步一步地做下去，都可以实现。我今天主要讲的是非Git安装目录下的代码同步以及使用IntelliJ IDEA软件分享和获取Github上的代码。

因博客服务器瘫痪，上周的所有数据丢失。该文为恢复后补发。

暂时不做HTML5读书笔记的更新，下一篇再继续。临时性地插入CSS3新属性的详细介绍，以便可以和HTML5的知识结合起来合理应用，这样达到两者配合。

Transition属性主要是用来对某个CSS属性的变化过程进行控制，官方的介绍是”CSS Transitions allow property changes in CSS values to occur smoothly over a specified duration.“。而我个人则简单地理解为”在某个时间段内，平滑地改变某个CSS属性。“。

Transition又包含了四个子属性，分别为property、duration、timing-function、delay。下面来一一介绍，在最后会给出一个简单的实例和使用方法说明。

《HTML5》的第四章节主要是对Canvas标签的属性以及相应的API进行了介绍，给出实例，这样学习起来就更加地容易和生动。

今天是愚人节，特意选择今天更新一篇博文。倒不是因为文章的内容和愚人节有什么关系，只是做个纪念。同时也是纪念一下哥哥（张国荣）去世8周年。

给出五个简单的实例，通过这些实例可以对Canvas的API有一个简要的认识和了解。在代码中也附加了注释，这样可以清楚地了解该行代码的含义。

即上篇的特性章节之后，继续更新我的HTML5读书笔记。本篇主要记录一些标签方面的更新注意事项。一些普通的header、nav、article等标签的用法网上是一大堆，我只是把我觉得这方面重要的内容或者不容易记住的内容做了一个备份。

这些新的HTML5标签在IE8及以下版本中都不能支持，这就需要在页面加载之前使用JS动态地创建HTML5新标签，以实现页面的正确的渲染。当然这样处理并不是万能的，在处理一些AJAX交互时，就会出现返回的HTML5标签无法正确解析的问题。此时就需要HTML5 innerShiv来解决了。

HTML5最近确实很火，逼的我不得不继续自学下去。去年年底的时候看了一些《Pro HTML5》的章节。因为过年，后来就断掉了。除了一些练习的代码外，没留下什么笔记。

年后没多久我就开始看起了《HTML5. Up and Running》这本书，中文版《HTML5揭秘》已经上市。我到今天也看到了第六章。摘取了一些扼要的东西，做了一些简单的笔记，以便以后的翻查。Everbox这个时候就发挥到了作用，让我随时随地想翻的时候都可以翻一翻。

这篇文章只是开篇，后面会陆续有些我自己的笔记分享，很简单的文字。

虽然我们从心理上都不愿意去处理IE的bug，但我们不得不面对老板和浏览者们仍然在使用IE。介于不同浏览器有不同的渲染器，这往往会使开发者们感到很沮丧。我们通常使用IE条件判断语言来处理IE的CSS问题，但其实还是有其他的一些方法来处理IE的CSS bug的。

一、IE条件判断语句； 二、CSS规则（IE CSS hacks）； 三、HTML条件判断，给出不同的className。

本文翻译自：CSS Specific for Internet Explorer

早前为一位博友写了一个走马灯效果（增强型走马灯公告栏，可以抛弃marquee标签了，点击看效果），但时是基于jQuery库写的。效果实现的优点牵强。而且当时的效果是页面加载完后一片空白，只有开始播放后才从底部出来。

年前用wordpress给公司做内部信息分享平台时，有一块是用来横向无限循环播放展示team building的图片。之前的效果不适合，便又写了一段原生的js来实现。主要实现原理是间隔时间地设置一个overflow:hidden;的div的scrollLeft。

首先，我承认这个标题完全是我对IntelliJ IEDA软件的一个个人使用范围的推荐。其实IntelliJ IEDA的主推还是Java IDE，这点大家可以到官网上看到。

我也是从上周才知道（看了一个Taobao前端的博客推荐）有这么软件的，软件的使用体验也才几天而已。我只能把我认为好的地方推荐给大家。IntelliJ IEDA是有两个版本的，一款是Community Edition，另一款是Ultimate Edition。很明显一款免费、一款收费，免费的功能模块就少了。

好在我在网上找到了注册机，下载吧！进内页看看几点特性介绍吧。