-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
207 lines (129 loc) · 7.1 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>ZICJIN</title>
<meta name="author" content="Cheney Jin">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta property="og:site_name" content="ZICJIN"/>
<meta property="og:image" content="undefined"/>
<link href="/favicon.png" rel="icon">
<link rel="alternate" href="/atom.xml" title="ZICJIN" type="application/atom+xml">
<link rel="stylesheet" href="/css/style.css" media="screen" type="text/css">
<!--[if lt IE 9]><script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
</head>
<body>
<header id="header" class="inner"><div class="alignleft">
<h1><a href="/">ZICJIN</a></h1>
<h2><a href="/"></a></h2>
</div>
<nav id="main-nav" class="alignright">
<ul>
<li><a href="/">Home</a></li>
<li><a href="/archives">Archives</a></li>
</ul>
<div class="clearfix"></div>
</nav>
<div class="clearfix"></div></header>
<div class="zicbox">
<a href="http://webuicraft.com/" target="_blank">WebuiCraft.com</a>
</div>
<div id="content" class="inner">
<div id="main-col" class="alignleft"><div id="wrapper">
<article class="post">
<div class="post-content">
<header>
<div class="icon"></div>
<time datetime="2013-05-24T06:32:28.000Z"><a href="/2013/05/24/new-project-webuicraft.com/">May 24 2013</a></time>
<h1 class="title"><a href="/2013/05/24/new-project-webuicraft.com/">new project WebUiCraft.com</a></h1>
</header>
<div class="entry">
<p>开发了一个新项目：<a href="http://www.1000eb.com:8273">WebUiCraft.com</a>。还没有正式绑定域名。因为公司注册的事情正在进行中，希望不会太慢。</p>
<p>项目主旨是：服务于最广泛的web/app前端开发人群的日常工作。</p>
<p>除了学习 <a href="http://www.ostools.net">ostools.net</a> 做一些日常在线工具以外，它的核心功能就是模块库。</p>
<p>不同于 <a href="http://docs.spmjs.org/">spmjs.org</a> 这样专业、严谨地使用 <a href="http://gruntjs.com/">Grunt</a> 构建出相互隔离、命名安全的基于命令行工具操作的AMD模块库。这样做同时也极大增加了使用门槛。</p>
<p>我相信，最广泛的前端开发人群，是不太容易接受AMD模块化及其延伸需求所带来的高学习成本的。所以，我相信这样一个站点会具有更活跃的生命力：它的内容不包含像 <a href="http://twitter.github.io/bootstrap/">bootstrap</a>、<a href="http://requirejs.org">requireJS</a>、jQuery 那样大型的基础设施类型项目，而是类似于 <a href="http://codevisually.com/">CodeVisually.com</a> 的内容那样倾向于小设计、小聪明的小模块。保证这些模块使用成本低廉便捷是这个项目的立足之本。</p>
<p><a href="https://github.com/lifesinger/lifesinger.github.com/issues">lifesinger</a>写过这样一篇文章<a href="https://github.com/lifesinger/lifesinger.github.com/issues/141">阿里前端的困局与突围</a>。这里的想法与我颇为相近。我相信，以满足现存的很多互联网产品需求这个目的而言，仅在前端开发领域，并没有很多前端工程师自己所想像的那样高难度、高技术含量。很多时候，我们只需要一些比较草根、朴素的方式就可以完成这些产品需求并且函盖相当长的产品生命周期。</p>
<p>我这么说并不是反对 <a href="https://github.com/kriskowal/es5-shim">es5-shim</a>、requireJS 这些前沿领域的研究。但是引领任何行业领域发展的永远是一些稀有人物、机构，因为他们需要面对频繁地试错、重做、甚至天然的伪命题。这不仅考验的是能力问题，更是一个经济考验。所以，他们是行业宝贵的财富。而以服务于生活为主旨的互联网商业领域，是不需要太多这类稀有人物、机构的。</p>
<p>这里仅仅是经验之谈，对与不对各看各妈……</p>
</div>
<footer>
<div class="alignleft">
<a href="/2013/05/24/new-project-webuicraft.com/#more" class="more-link">Read More</a>
</div>
<div class="clearfix"></div>
</footer>
</div>
</article>
<article class="post">
<div class="post-content">
<header>
<div class="icon"></div>
<time datetime="2013-04-11T05:25:12.000Z"><a href="/2013/04/11/hello-world/">Apr 11 2013</a></time>
<h1 class="title"><a href="/2013/04/11/hello-world/">Hello World</a></h1>
</header>
<div class="entry">
<p>Welcome to <a href="http://zicjin.github.io/">ZICJIN</a>! This is my personal site.</p>
<p>博客写过不少篇，但从来没在一个托管商手上坚持太长时间。原因各种各样，主要还是因为我经常不屑于方校长的威名老是去墙外折腾。希望这次使用<a href="http://zespia.tw/hexo/">Hexo</a>静态系统后不要再没完没了的搬家了。</p>
</div>
<footer>
<div class="alignleft">
<a href="/2013/04/11/hello-world/#more" class="more-link">Read More</a>
</div>
<div class="clearfix"></div>
</footer>
</div>
</article>
<nav id="pagination">
<div class="clearfix"></div>
</nav></div></div>
<aside id="sidebar" class="alignright">
<div class="search">
<form action="//google.com/search" method="get" accept-charset="utf-8">
<input type="search" name="q" results="0" placeholder="Search">
<input type="hidden" name="q" value="site:zicjin.github.io/">
</form>
</div>
<div class="widget tag">
<h3 class="title">Categories</h3>
<ul class="entry">
<li><a href="/categories/Work/">Work</a><small>1</small></li>
<li><a href="/categories/test/">test</a><small>1</small></li>
<li><a href="/categories/无名/">无名</a><small>1</small></li>
</ul>
</div>
<div class="widget tag">
<h3 class="title">Tags</h3>
<ul class="entry">
<li><a href="/tags/test/">test</a><small>1</small></li>
</ul>
</div>
</aside>
<div class="clearfix"></div>
</div>
<footer id="footer" class="inner"><div class="alignleft">
© 2013 Cheney Jin
</div>
<div class="clearfix"></div></footer>
<script src="/js/jquery.imagesloaded.min.js"></script>
<script src="/js/gallery.js"></script>
<script type="text/javascript">
var disqus_shortname = 'zicjin';
(function(){
var dsq = document.createElement('script');
dsq.type = 'text/javascript';
dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/count.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
}());
</script>
<link rel="stylesheet" href="/fancybox/jquery.fancybox.css" media="screen" type="text/css">
<script src="/fancybox/jquery.fancybox.pack.js"></script>
<script type="text/javascript">
(function($){
$('.fancybox').fancybox();
})(jQuery);
</script>
</body>
</html>