index.html

---
layout: default
title: Hax's Homepage @ GitHub
lang: en
---

<header>
	<p>Welcome to Hax's homepage.
</header>

<section id="current-work">
	<p>I'm now focusing on these projects:
	<dl>
		<dt><a href="https://github.com/baixing/jedi">Jedi</a>
		<dd>A DSL for Web content, which inspired by Jade and Coffeecup
		<dt><a>my.js</a>
		<dd>An ultimate solution for JavaScript module/namespace/loader system
		<dt><a href="https://github.com/hax/my-promise">my-promise</a>
		<dd>The only ES6 Promise implementation which passed both Promise A+ test suites and ES6 Promise test suites.
		<dt><a href="https://github.com/hax/better-es5-shim">better-es5-shim</a>
		<dd>Better ES5 Shim/Sham
	</dl>
	<p>See also <a href="https://github.com/hax">github.com/hax</a> for other projects.
</section>

<section id="speeches">
	<p>My public speeches:
	<ul>
		<li>
			<a href="2015/js-the-best">JavaScript: The World's Best Programming language</a><br>
			Video: <a href="http://v.youku.com/v_show/id_XMTMwMzI5ODc4MA==.html">[Link]</a>
		<li>
			<a href="2015/es6-in-action">ES6 in Action</a><br>
			Video: <a href="http://www.infoq.com/cn/presentations/es6-actual-combat">[Link]</a><br>
			(Rated as Outstanding Speakers of QCon Beijing 2015)<br>
			Interview: <a href="http://www.infoq.com/cn/interviews/interview-with-heshijun-talk-javascript-achievements">talk about history of Web development, Chinese layout, comparasion of Web vs native development, the evolution of JavaScript, etc.</a>
		<li>
			<a href="2015/myth-of-css-frameworks">Myths of CSS Frameworks</a><br>
			Video: <a href="http://www.imooc.com/learn/316">[Link]</a> (imooc account required)
		<li>
			<a href="2014/es6-js-future/">ES6 -- The Future of JavaScript</a><br>
			<a href="https://github.com/hax/hax.github.com/blob/master/2014/es6-js-future/gulpfile.js">Demo script for building ES6 to ES5</a>
		<li>
			<a href="2013/web_template/">About Web Templates</a>
		<li>
			<a href="2011/js_api_design/">Learning API Design for JavaScript Libraries or Frameworks</a><br>
			Video: <a href="http://v.youku.com/v_show/id_XMzA3NDY2Njcy.html">[Part 1]</a>
			<a href="http://v.youku.com/v_show/id_XMzA3NTQxNTQ4.html">[Part 2]</a>
			<a href="http://v.youku.com/v_show/id_XMzA3NDY1Nzky.html">[Part 3]</a>
		<li>
			<a href="2011/es5_safety/">ECMAScript 5 &mdash; Improve the Safety of JavaScript</a><br>
			Video: <a href="http://v.youku.com/v_show/id_XMjkwNjc2Nzgw.html">[Part 1]</a>
			<a href="http://v.youku.com/v_show/id_XMjkwNjY1NTA0.html">[Part 2]</a>
		<li>
			<a href="2011/bb&html5/">Bambook &amp; HTML5 &mdash; Our experience in Web tech on Bambook e-book reading device</a>
	</ul>
	<p>And other short presentations:
	<ul>
		<li>
			<a href="2013/web_standards/TPAC2013.html">How to Particpate Web Standards</a>
		<li>
			<a href="2012/3Tech/">Introduction of Web Device Adaption</a>
		<li>
			<a href="2012/jedi/">The Problems and the Solutions of the Presentation Layer</a>
		<li>
			<a href="2012/html_basic/">Learn HTML from Zero</a>
		<li>
			<a href="2012/git_svn_intro/">What is Git</a>
		<li>
			<a href="2012/mini_chaoge_in_1_hour/">Mini ChaoGe in 1 hour</a>
		<li>
			<a href="2011/html5_history_api/">Introduction of HTML5 History API</a>
	</ul>
	<p>See <a href="events">the timeline of all events (in Chinese) I attended</a>.
</section>

<section id="browser-bugs">
	<p>Here are some browser bugs I met in past years, most were not mentioned before.
	<ul>
		<li>
			<a href="browser-bugs/ie_first-letter/">first-letter em length bug on IE 8,9,10</a>
		<li>
			<a href="http://hax.iteye.com/blog/191555">An IE bug which Western can not find</a>
		<li>
			<a href="http://blog.csdn.net/hax/article/details/1406679">VML cache issue</a>
</section>

<address>
	You can contact me with:
	<ul>
		<li>Weibo: <a href="http://weibo.com/haxy">@johnhax</a>
		<li>Email: <a href="mailto:johnhax@gmail.com">johnhax@gmail.com</a>
	</ul>
</address>