添加bubble&SASS

neekey · Jan 4, 2013 · 6e56443 · 6e56443
1 parent dc06480
commit 6e56443
Show file tree

Hide file tree

Showing 3 changed files with 482 additions and 1 deletion.
diff --git a/.gitignore b/.gitignore
@@ -2,3 +2,4 @@ node_modules/*
 *.iml
 *.ipr
 *.iws
+*.DS_Store
diff --git a/index.html b/index.html
@@ -1,4 +1,13 @@
-<head><meta charst="utf-8"/><title>GistBlog</title><!--link(href="#{meta.site_url}/assets/bootstrap/css/bootstrap.min.css",rel="stylesheet")--><link href="http://blog.neekey.net/gist-blog/assets/common/markdown.css" rel="stylesheet"/><link href="http://blog.neekey.net/gist-blog/assets/common/screen.css" rel="stylesheet"/></head><body><header><div class="avatar"><img src="https://secure.gravatar.com/avatar/8896cc725e36350023e7f41f0455b8aa?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png"/></div><h1 class="site-title"><a href="http://blog.neekey.net/gist-blog">Neekey</a></h1><p class="site-description">在此记录我的学习&amp;生活.</p></header><section class="post-list"><div class="post-block"><p class="post-title"><a href="posts/gist-blog-browser-js-error-catch-summary.html" target="_blank">浏览器错误捕捉总结</a></p><p class="update-date">2012-12-26T01:38:35Z</p><div class="post-md-content"><p>捕捉浏览器中的JS运行时错误，主要通过监听window.onerror来实现。但是对于不同的脚本执行方式以及不同的浏览器，能捕获到的信息会有区别。
+<head><meta charst="utf-8"/><title>GistBlog</title><!--link(href="#{meta.site_url}/assets/bootstrap/css/bootstrap.min.css",rel="stylesheet")--><link href="http://blog.neekey.net/gist-blog/assets/common/markdown.css" rel="stylesheet"/><link href="http://blog.neekey.net/gist-blog/assets/common/screen.css" rel="stylesheet"/></head><body><header><div class="avatar"><img src="https://secure.gravatar.com/avatar/8896cc725e36350023e7f41f0455b8aa?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-user-420.png"/></div><h1 class="site-title"><a href="http://blog.neekey.net/gist-blog">Neekey</a></h1><p class="site-description">在此记录我的学习&amp;生活.</p></header><section class="post-list"><div class="post-block"><p class="post-title"><a href="posts/gist-blog-bubble-with-SASS.html" target="_blank">用SASS编写Bubble组件</a></p><p class="update-date">2013-01-04T07:14:23Z</p><div class="post-md-content"><p>这两天在重构项目中的DPL（DESIGN PARTTEN LIBRARY），说白了就是项目需要的样式库（类似<a href="http://twitter.github.com/bootstrap/">Bootstrap</a>）.本文结合Bubble的实现来看看如何用<a href="http://sass-lang.com/">SASS</a>来编写一个相对复杂的组件.
+
+</p>
+<p>什么是Bubble？如图，现在web上这样的设计还是很多的：
+
+</p>
+<p><img src="https://f.cloud.github.com/assets/499870/42546/e37506ae-5630-11e2-95f7-976f0acf818d.png" alt="Bubble">
+
+</p>
+</div><a href="posts/gist-blog-bubble-with-SASS.html" target="_blank" class="post-more">查看更多 &rarr;</a></div><div class="post-block"><p class="post-title"><a href="posts/gist-blog-browser-js-error-catch-summary.html" target="_blank">浏览器错误捕捉总结</a></p><p class="update-date">2012-12-26T01:38:35Z</p><div class="post-md-content"><p>捕捉浏览器中的JS运行时错误，主要通过监听window.onerror来实现。但是对于不同的脚本执行方式以及不同的浏览器，能捕获到的信息会有区别。
 
 </p>
 <p>window.onerror 讲接收3个参数：