Sun ufologist

## svg-innerhtml-workaround.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width">
    <title>svg.innerHTML workaround</title>
</head>
<body>
    <div>
        <button onclick="innerHTMLNormal()">svg.innerHTML</button>

## baidu-map-quick-draggable-marker.html
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>百度地图 JavaScript API 极速版可拖拽的标注点</title>
    <style>
    .map {
        width: 500px;
        height: 300px;
    }

## baidu-map-quick-animation-marker.html
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>百度地图 JavaScript API 极速版带动画的标注点</title>
    <style>
    .map {
        width: 500px;
        height: 300px;
    }

## svg-clippath-dynamically.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Define SVG clipPath dynamically</title>
</head>
<body>
    <h1>Define SVG clipPath dynamically</h1>
    <!--
    <h2>Preview static</h2>

## ios6-viewport-scale-bug-fix.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Fix iPhone4/iOS6 browser viewport appear black or white area bug!!</title>
    <!--
    关键是要注意在初始化页面时设置 viewport width=320.1, 非常之诡异!

    PS: 在查了N多资料, N多尝试后发现, 其实只要不将width设置成320或device-width即可, 其他任何数字都可以! 不设置width这个属性也可以!

## NewSexView.js
/**
 * 淘宝指数性别比例图
 *
 * @author Sun
 * @version 2013-3-1
 *
 * 使用方法(依赖jQuery, raphael):
 * NewSexView($('.male_female'), [2632430, 1265245]);
 *
 * DOM结构

## spacetree-mindmap-demo.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>Spacetree - Mindmap Demo</title>
    <link rel="stylesheet" href="spacetree.css" />
    <style>
    #infovis {
        height: 600px;
        margin-left: auto;

## jqueryui-draggable-click.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>jQuery UI Draggable click</title>
    <style>
    body {
        background-color: #eee;
    }

## mask-unfold-css-animation.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Mask unfold css animation</title>
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <style>
    body {
        background-color: #ccc;
    }

## ignore-browser-scrollbar-width.html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>"Ignore" browser scrollbar width on PC</title>
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <style>
    .container {
        width: 300px;
        height: 150px;
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width">
	<title>svg.innerHTML workaround</title>
	</head>
	<body>
	<div>
	<button onclick="innerHTMLNormal()">svg.innerHTML</button>
	/**
	* 淘宝指数性别比例图
	*
	* @author Sun
	* @version 2013-3-1
	*
	* 使用方法(依赖jQuery, raphael):
	* NewSexView($('.male_female'), [2632430, 1265245]);
	*
	* DOM结构