Permalink
Browse files

添加bubble&SASS

  • Loading branch information...
1 parent dc06480 commit 6e56443c54dc17bd915670024b2bbe0335d3f7ec @neekey committed Jan 4, 2013
Showing with 482 additions and 1 deletion.
  1. +1 −0 .gitignore
  2. +10 −1 index.html
  3. +471 −0 posts/gist-blog-bubble-with-SASS.html
View
@@ -2,3 +2,4 @@ node_modules/*
*.iml
*.ipr
*.iws
+*.DS_Store
View
@@ -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个参数:
Oops, something went wrong.

0 comments on commit 6e56443

Please sign in to comment.