Permalink
Browse files

Site updated at 2013-06-11 09:44:14 UTC

  • Loading branch information...
1 parent 1b6771b commit 06935827e05fe13eefe393860a21f80e086183df unknown committed Jun 11, 2013
Showing with 1,476 additions and 1,105 deletions.
  1. +7 −7 about/index.html
  2. +91 −159 atom.xml
  3. +5 −5 blog/2-vmware-windows-8/index.html
  4. +5 −5 blog/5-css-properties/index.html
  5. +5 −5 blog/5-html5-api-you-did-not-know/index.html
  6. +5 −5 blog/alert-confirm-prompt/index.html
  7. +5 −5 blog/android-facebook-key-hashes/index.html
  8. +5 −5 blog/android-phonegap-usb-develop/index.html
  9. +23 −9 blog/archives/index.html
  10. +5 −5 blog/book-review-1/index.html
  11. +5 −5 blog/book-review-2/index.html
  12. +5 −5 blog/book-review-3/index.html
  13. +5 −5 blog/book-review-4/index.html
  14. +5 −5 blog/book-review-5/index.html
  15. +5 −5 blog/book-review-6/index.html
  16. +91 −105 blog/categories/css/atom.xml
  17. +19 −5 blog/categories/css/index.html
  18. +1 −1 blog/categories/facebook/atom.xml
  19. +5 −5 blog/categories/facebook/index.html
  20. +1 −1 blog/categories/html5/atom.xml
  21. +5 −5 blog/categories/html5/index.html
  22. +1 −1 blog/categories/javascript/atom.xml
  23. +5 −5 blog/categories/javascript/index.html
  24. +1 −1 blog/categories/jq-plugin/atom.xml
  25. +5 −5 blog/categories/jq-plugin/index.html
  26. +1 −1 blog/categories/jquery/atom.xml
  27. +5 −5 blog/categories/jquery/index.html
  28. +1 −1 blog/categories/octopress/atom.xml
  29. +5 −5 blog/categories/octopress/index.html
  30. +1 −1 blog/categories/phonegap/atom.xml
  31. +5 −5 blog/categories/phonegap/index.html
  32. +1 −1 blog/categories/win8/atom.xml
  33. +5 −5 blog/categories/win8/index.html
  34. +1 −1 blog/categories/好書分享/atom.xml
  35. +5 −5 blog/categories/好書分享/index.html
  36. +1 −1 blog/categories/學習筆記/atom.xml
  37. +5 −5 blog/categories/學習筆記/index.html
  38. +5 −5 blog/create-lazy-loading/index.html
  39. +5 −5 blog/css-cursor-rule/index.html
  40. +5 −5 blog/css-oocss/index.html
  41. +5 −5 blog/css-positioning/index.html
  42. +5 −5 blog/css-styling-scrollbars/index.html
  43. +5 −5 blog/css3-checkboxes-radiobuttons/index.html
  44. +5 −5 blog/css3-real-beauty-box-shadows/index.html
  45. +5 −5 blog/css3-scrolling-effect/index.html
  46. +374 −0 blog/css3-transform/index.html
  47. +5 −5 blog/css3-transitions-guide/index.html
  48. +5 −5 blog/data-uri-web-desing/index.html
  49. +5 −5 blog/design-thinking/index.html
  50. +5 −5 blog/facebook-app-create-getfbid/index.html
  51. +5 −5 blog/facebook-expired-access-tokens/index.html
  52. +5 −5 blog/facebook-page-tab-scroll/index.html
  53. +5 −5 blog/facebook-world-hack/index.html
  54. +5 −5 blog/first-amazon-web-services/index.html
  55. +5 −5 blog/first-octopress/index.html
  56. +5 −5 blog/first-win8-app/index.html
  57. +5 −5 blog/friendly-tooltip-responsive/index.html
  58. +5 −5 blog/hpx-life-23/index.html
  59. +5 −5 blog/inline-block-display-product-grid-view/index.html
  60. +5 −5 blog/introduce-compass/index.html
  61. +5 −5 blog/introduce-ted/index.html
  62. +5 −5 blog/javascript-currying/index.html
  63. +5 −5 blog/javascript-custom-function/index.html
  64. +5 −5 blog/javascript-documentframent/index.html
  65. +5 −5 blog/javascript-namespace/index.html
  66. +5 −5 blog/javascript-patterns-1/index.html
  67. +5 −5 blog/javascript-prototype/index.html
  68. +5 −5 blog/javascript-simple-object/index.html
  69. +5 −5 blog/javascript-xmlhttprequest-level-2/index.html
  70. +5 −5 blog/jquery-8-skill/index.html
  71. +5 −5 blog/jquery-accordion-plugin-kwicks/index.html
  72. +5 −5 blog/jquery-ajax-cache/index.html
  73. +5 −5 blog/jquery-ajax-loader/index.html
  74. +5 −5 blog/jquery-countdown-plugins/index.html
  75. +5 −5 blog/jquery-css3-flip-plugin/index.html
  76. +5 −5 blog/jquery-data-cache/index.html
  77. +5 −5 blog/jquery-drop-down-lists/index.html
  78. +5 −5 blog/jquery-happyjs/index.html
  79. +5 −5 blog/jquery-hoverpulse/index.html
  80. +5 −5 blog/jquery-html-forms/index.html
  81. +5 −5 blog/jquery-jscrollpane-display/index.html
  82. +5 −5 blog/jquery-not-initialize-all-things/index.html
  83. +5 −5 blog/jquery-notes-1/index.html
  84. +5 −5 blog/jquery-notes-2/index.html
  85. +7 −5 blog/jquery-plugin-for-pinterest/index.html
  86. +5 −5 blog/jquery-plugin-format-number/index.html
  87. +5 −5 blog/jquery-plugin-timeago/index.html
  88. +5 −5 blog/jquery-slice-images-into-tiles/index.html
  89. +5 −5 blog/jquery-sprite/index.html
  90. +5 −5 blog/jquery-star-box/index.html
  91. +5 −5 blog/jquery-tags-manager/index.html
  92. +5 −5 blog/jquery-waterfall-infinitescroll/index.html
  93. +5 −5 blog/mailcheck-jquery-plugin/index.html
  94. +5 −5 blog/note-marketing/index.html
  95. +5 −5 blog/octopress-notes-1/index.html
  96. +5 −5 blog/octopress-notes-2/index.html
  97. +50 −50 blog/page/2/index.html
  98. +50 −52 blog/page/3/index.html
  99. +52 −50 blog/page/4/index.html
  100. +50 −50 blog/page/5/index.html
  101. +50 −50 blog/page/6/index.html
  102. +50 −54 blog/page/7/index.html
  103. +54 −7 blog/page/8/index.html
  104. +5 −5 blog/parallax-scrolling/index.html
  105. +5 −5 blog/phonegap-first/index.html
  106. +5 −5 blog/responsive-tables/index.html
  107. +5 −5 blog/sticky-object/index.html
  108. +5 −5 blog/stop-wasting-time-for-ie/index.html
  109. +5 −5 blog/twitter-bootstrap/index.html
  110. +5 −5 blog/vmware-windows-8/index.html
  111. +5 −5 blog/windows8-notifications/index.html
  112. +5 −5 blog/work-1/index.html
  113. +52 −50 index.html
  114. +6 −2 sitemap.xml
View
@@ -9,7 +9,7 @@
<meta name="author" content="阿帕">
- <meta name="description" content="About Hello! 我是阿帕 常受惠於網路社群的知識協助, 希望現在也能回饋於社群, 能力還不是很夠, 但一點一滴正在努力 我的Email是rx836@hotmail.com, 如果有任何疑問, 或是文章內容不對, 歡迎來信與我討論:) Categories CSS (15) &hellip;">
+ <meta name="description" content="About Hello! 我是阿帕 常受惠於網路社群的知識協助, 希望現在也能回饋於社群, 能力還不是很夠, 但一點一滴正在努力 我的Email是rx836@hotmail.com, 如果有任何疑問, 或是文章內容不對, 歡迎來信與我討論:) Categories CSS (16) &hellip;">
<!-- http://t.co/dKP3o1e -->
@@ -33,7 +33,7 @@
<meta property="fb:app_id" content="416172151763823" />
<meta property="og:title" content="about - apa" />
-<meta property="og:description" content="About Hello! 我是阿帕 常受惠於網路社群的知識協助, 希望現在也能回饋於社群, 能力還不是很夠, 但一點一滴正在努力 我的Email是rx836@hotmail.com, 如果有任何疑問, 或是文章內容不對, 歡迎來信與我討論:) Categories CSS (15) &hellip;" />
+<meta property="og:description" content="About Hello! 我是阿帕 常受惠於網路社群的知識協助, 希望現在也能回饋於社群, 能力還不是很夠, 但一點一滴正在努力 我的Email是rx836@hotmail.com, 如果有任何疑問, 或是文章內容不對, 歡迎來信與我討論:) Categories CSS (16) &hellip;" />
<meta property="og:url" content="http://blog.rx836.tw/about/" />
@@ -111,13 +111,17 @@ <h1 class="entry-title">About</h1>
<section>
<h1>Categories</h1>
- <ul id="category-list"><li><a href='/blog/categories/css'>CSS (15)</a></li><li><a href='/blog/categories/facebook'>Facebook (5)</a></li><li><a href='/blog/categories/html5'>HTML5 (2)</a></li><li><a href='/blog/categories/javascript'>JavaScript (7)</a></li><li><a href='/blog/categories/jq-plugin'>jQ-Plugin (19)</a></li><li><a href='/blog/categories/jquery'>jQuery (19)</a></li><li><a href='/blog/categories/octopress'>Octopress (3)</a></li><li><a href='/blog/categories/phonegap'>PhoneGap (3)</a></li><li><a href='/blog/categories/win8'>Win8 (4)</a></li><li><a href='/blog/categories/好書分享'>好書分享 (6)</a></li><li><a href='/blog/categories/學習筆記'>學習筆記 (9)</a></li></ul>
+ <ul id="category-list"><li><a href='/blog/categories/css'>CSS (16)</a></li><li><a href='/blog/categories/facebook'>Facebook (5)</a></li><li><a href='/blog/categories/html5'>HTML5 (2)</a></li><li><a href='/blog/categories/javascript'>JavaScript (7)</a></li><li><a href='/blog/categories/jq-plugin'>jQ-Plugin (19)</a></li><li><a href='/blog/categories/jquery'>jQuery (19)</a></li><li><a href='/blog/categories/octopress'>Octopress (3)</a></li><li><a href='/blog/categories/phonegap'>PhoneGap (3)</a></li><li><a href='/blog/categories/win8'>Win8 (4)</a></li><li><a href='/blog/categories/好書分享'>好書分享 (6)</a></li><li><a href='/blog/categories/學習筆記'>學習筆記 (9)</a></li></ul>
</section>
<section>
<h1>Recent Posts</h1>
<ul id="recent_posts">
<li class="post">
+ <a href="/blog/css3-transform/">[CSS3] 利用transform替網頁做小巧思</a>
+ </li>
+
+ <li class="post">
<a href="/blog/jquery-plugin-for-pinterest/">[jQ-Plugin] 自製 Pinterest 分享圖片 plugin </a>
</li>
@@ -133,10 +137,6 @@ <h1 class="entry-title">About</h1>
<a href="/blog/alert-confirm-prompt/">[jQ-Plugin] 用jQuery打造alert、confirm和prompt dialogs</a>
</li>
- <li class="post">
- <a href="/blog/jquery-drop-down-lists/">[jQ-Plugin] 用jQuery客製化下拉選單</a>
- </li>
-
</ul>
</section>
View
250 atom.xml
@@ -4,7 +4,7 @@
<title><![CDATA[apa]]></title>
<link href="http://blog.rx836.tw/atom.xml" rel="self"/>
<link href="http://blog.rx836.tw/"/>
- <updated>2013-05-16T18:23:30+08:00</updated>
+ <updated>2013-06-11T17:43:22+08:00</updated>
<id>http://blog.rx836.tw/</id>
<author>
<name><![CDATA[阿帕]]></name>
@@ -14,6 +14,96 @@
<entry>
+ <title type="html"><![CDATA[[CSS3] 利用transform替網頁做小巧思]]></title>
+ <link href="http://blog.rx836.tw/blog/css3-transform/"/>
+ <updated>2013-06-11T17:37:00+08:00</updated>
+ <id>http://blog.rx836.tw/blog/css3-transform</id>
+ <content type="html"><![CDATA[<p><img src="http://farm4.staticflickr.com/3748/9013398826_44a5b35f7e_o.jpg" /></p>
+
+<p>最近看到一個<a href="http://www.jiawin.com/demos/530/index.html" target="_blank">網站</a>,很酷的將許多CSS3給呈現出來,讓我開始思考怎麼運用在實做的網站上面</p>
+
+<!--more-->
+
+
+<p>但其實在這之前就做過類似的 CSS3 動畫學習筆記 - <a href="http://blog.rx836.tw/blog/css3-transitions-guide/" target="_blank">[CSS3] 認識CSS3 Transitions</a>,原理其實相差不遠
+,不過那時並不知道可以運用在什麼地方,而這次發現可以將轉動的效果,運用在一些點擊的icon上面,讓網站較為活潑,而不再單調,當然,以下的動畫運用Flash也可以簡單的做到,但這
+就不在這裡的討論範圍裡面,畢竟條條大路通羅馬</p>
+
+<h2>Start</h2>
+
+<p>我這裡運用的實例是,所謂的 lightbox(燈箱) 上面,常常可以看到在一些活動網站,點擊像活動辦法這種連結,就會有可以出現這樣的呈現方式</p>
+
+<p><img src="http://farm4.staticflickr.com/3748/9013398826_44a5b35f7e_o.jpg" /></p>
+
+<p>而這時候右上角通常都會有可以關閉的X按鈕,點擊後整個視窗就會消失,但為了讓這個 lightbox 不至於太過呆版,可以在關閉X按鈕上面加點巧思</p>
+
+<p>HTML部份</p>
+
+<pre><code>&lt;div id="pop"&gt;
+ &lt;a id="close"&gt;&lt;/a&gt;
+ 我是一個pop視窗我是一個pop視窗我是一個pop視窗我是一個pop視窗我是一個pop視窗
+ 我是一個pop視窗我是一個pop視窗我是一個pop視窗我是一個pop視窗我是一個pop視窗
+ 我是一個pop視窗我是一個pop視窗我是一個pop視窗我是一個pop視窗我是一個pop視窗
+&lt;/div&gt;
+</code></pre>
+
+<p>這是一個常見的 lightbox 結構,當然不一定會長這樣</p>
+
+<p>CSS部份</p>
+
+<pre><code>#close {
+ background: url("http://farm8.staticflickr.com/7282/9011998137_f2d70ac0f8_o.png") no-repeat scroll 0 0 transparent;
+ height: 32px;
+ position: absolute;
+ right: 1px;
+ top: 1px;
+ width: 32px;
+}
+
+#pop {
+ background-color: #C5FF40;
+ height: 150px;
+ padding: 40px 0 0;
+ position: relative;
+ width: 500px;
+}
+</code></pre>
+
+<p>簡單的用一個 &lt;div&gt; 包住內容和x關閉按鈕,關閉按鈕是用 &lt;a&gt; 來做,加上背景圖案,接著就是整個動畫的重點所在</p>
+
+<pre><code>a#close:hover {
+ -webkit-animation:example 1s ease 0s alternate none infinite;
+ -moz-animation:example 1s ease 0s alternate none infinite;
+ animation:example 1s ease 0s alternate none infinite;
+}
+
+@-webkit-keyframes example { from{-webkit-transform:rotate(0deg); } to{-webkit-transform:rotate(360deg); } }
+@-moz-keyframes example { from{-moz-transform:rotate(0deg); } to{-moz-transform:rotate(360deg); } }
+@keyframes example { from{transform:rotate(0deg); } to{transform:rotate(360deg); } }
+</code></pre>
+
+<p>關鍵在於做 hover 時,觸發 animation,至於裡面的屬性可以參考我之前寫的 <a href="http://blog.rx836.tw/blog/css3-transitions-guide/" target="_blank">文章</a> 或是參考
+<a href="http://www.w3schools.com/css3/" target="_bank">w3schools.com</a>,這裡不多加說明</p>
+
+<p>可以發現當滑鼠移到x關閉按鈕時,會有旋轉的效果</p>
+
+<p><a href="http://jsfiddle.net/sWUVv/" target="_blank">範例</a></p>
+
+<p>這樣不僅可以提升使用者經驗,也可以讓網頁不在單調</p>
+
+<p>當然我相信一定還有許多CSS3應用,等待著你我發掘:)</p>
+
+<h2>參考資料:</h2>
+
+<p><a href="http://www.w3schools.com/css3/" target="_blank">CSS3 教程</a></p>
+
+<p><a href="http://www.jiawin.com/demos/530/index.html" target="_blank">http://www.jiawin.com/demos/530/index.html</a></p>
+
+<p>內容如有錯誤,歡迎指正</p>
+]]></content>
+ </entry>
+
+ <entry>
<title type="html"><![CDATA[[jQ-Plugin] 自製 Pinterest 分享圖片 plugin ]]></title>
<link href="http://blog.rx836.tw/blog/jquery-plugin-for-pinterest/"/>
<updated>2013-05-16T12:13:00+08:00</updated>
@@ -2522,162 +2612,4 @@ header:after {
]]></content>
</entry>
- <entry>
- <title type="html"><![CDATA[[jQ-Plugin] 簡易的數值格式化-Numeral.js]]></title>
- <link href="http://blog.rx836.tw/blog/jquery-plugin-format-number/"/>
- <updated>2012-12-04T12:34:00+08:00</updated>
- <id>http://blog.rx836.tw/blog/jquery-plugin-format-number</id>
- <content type="html"><![CDATA[<p>對於將數字或是文字做格式化一直都覺得很阿雜,例如將算出來的數字加個千分位的逗點,或是加個貨幣符號,雖然自己做並不難,但還是希望可以有個plugin能做到這些事情,所以今天就來筆記 Numeral.js 這款plugin</p>
-
-<!--more-->
-
-
-<h2>Start</h2>
-
-<p>用法很簡單容易,先下載 <a href="http://numeraljs.com/" target="_blank">Numeral.js</a></p>
-
-<p>接著載入到網頁裡面後,js的寫法如下</p>
-
-<pre><code>var string = numeral(1000).format('0,0');
-// 1,000
-</code></pre>
-
-<p>這樣子把數字丟進去以後,在 <strong>format()</strong> 傳入相對應的格式,就可以擁有千分位的逗點,其它還有</p>
-
-<h3>名次</h3>
-
-<pre><code>var string = numeral(12).format('0o');
-//12th
-</code></pre>
-
-<h3>貨幣符號</h3>
-
-<pre><code>var string = numeral(1001).format('$ 0,0[.]00');
-//$ 1,001
-</code></pre>
-
-<h3>Bytes</h3>
-
-<pre><code>var string = numeral(7884486213).format('0.0b');
-//7.3GB
-</code></pre>
-
-<h3>百分率</h3>
-
-<pre><code>var string = numeral(0.974878234).format('0.000%');
-//97.488%
-</code></pre>
-
-<h3>時間</h3>
-
-<pre><code>var string = numeral(238).format('00:00:00');
-//0:03:58
-</code></pre>
-
-<h3>Unformat</h3>
-
-<p>能轉換過去,當然也可以轉換回來</p>
-
-<pre><code>var string = numeral().unformat('12th');
-//12
-</code></pre>
-
-<h3>加減乘除</h3>
-
-<pre><code>var number = numeral(1000);
-
-var added = number.add(10);
-// 1010
-</code></pre>
-
-<p>這功能我是覺得有點多餘XD,去看source也只是做加減乘除,不太需要再多此一舉</p>
-
-<h2>source code</h2>
-
-<p>因為最近想自己嘗試練習多寫一些plugin,所以會去觀摩別人的寫法,numeral.js是一個蠻簡單明瞭的範例,所以大概抓幾個重點出來筆記心得,有興趣的人可以一起看看XD</p>
-
-<p>1.建立一個名為Numeral的函式</p>
-
-<p>數值就是從這邊傳入</p>
-
-<pre><code>// Numeral prototype object
-function Numeral (number) {
- this._n = number;
-}
-</code></pre>
-
-<p>2.加入一些prototype</p>
-
-<pre><code>numeral.fn = Numeral.prototype = {
-
- clone : function () {
- // ...
- },
-
- format : function (inputString) {
- // ...
- },
-
- // ...
- // ...
-
- multiply : function (value) {
- // ...
- },
-
- divide : function (value) {
- // ...
- },
-
- difference : function (value) {
- // ...
- }
-
-};
-</code></pre>
-
-<p>以上兩個為程式的主體,所以有了這個架構我們就可以這樣寫</p>
-
-<pre><code>numeral(1000).format('0,0');
-</code></pre>
-
-<p>3.其它大部分就是函式的處理</p>
-
-<pre><code>function formatNumeral (n, format) {
- var output;
-
- // figure out what kind of format we are dealing with
- if (format.indexOf('$') &gt; -1) { // currency!!!!!
- output = formatCurrency(n, format);
- } else if (format.indexOf('%') &gt; -1) { // percentage
- output = formatPercentage(n, format);
- } else if (format.indexOf(':') &gt; -1) { // time
- output = formatTime(n, format);
- } else { // plain ol' numbers or bytes
- output = formatNumber(n, format);
- }
-
- // return string
- return output;
-}
-</code></pre>
-
-<p>會發現傳入的參數為 <strong>n</strong> 和 <strong>format</strong></p>
-
-<p>n就是 <strong>Numeral函式</strong> 本身,裡面帶有傳入的數值和prototype這些東西</p>
-
-<p>format就是要進行什麼樣的格式化</p>
-
-<p>如果format裡面含有$就是要進行貨幣的格式化,有%就是要進行百分比的格式化,其它以此類推</p>
-
-<h3>參考資料:</h3>
-
-<p><a href="https://github.com/adamwdraper/Numeral-js" target="_blank">Github Numeral-js</a></p>
-
-<p><a href="http://numeraljs.com/" target="_blank">Numeral.js</a></p>
-
-<p>內容如有錯誤,歡迎指正</p>
-]]></content>
- </entry>
-
</feed>
@@ -276,13 +276,17 @@ <h1 class="entry-title">[學習筆記] 簡單容易,如何在VM裝Windows 8來
<section>
<h1>Categories</h1>
- <ul id="category-list"><li><a href='/blog/categories/css'>CSS (15)</a></li><li><a href='/blog/categories/facebook'>Facebook (5)</a></li><li><a href='/blog/categories/html5'>HTML5 (2)</a></li><li><a href='/blog/categories/javascript'>JavaScript (7)</a></li><li><a href='/blog/categories/jq-plugin'>jQ-Plugin (19)</a></li><li><a href='/blog/categories/jquery'>jQuery (19)</a></li><li><a href='/blog/categories/octopress'>Octopress (3)</a></li><li><a href='/blog/categories/phonegap'>PhoneGap (3)</a></li><li><a href='/blog/categories/win8'>Win8 (4)</a></li><li><a href='/blog/categories/好書分享'>好書分享 (6)</a></li><li><a href='/blog/categories/學習筆記'>學習筆記 (9)</a></li></ul>
+ <ul id="category-list"><li><a href='/blog/categories/css'>CSS (16)</a></li><li><a href='/blog/categories/facebook'>Facebook (5)</a></li><li><a href='/blog/categories/html5'>HTML5 (2)</a></li><li><a href='/blog/categories/javascript'>JavaScript (7)</a></li><li><a href='/blog/categories/jq-plugin'>jQ-Plugin (19)</a></li><li><a href='/blog/categories/jquery'>jQuery (19)</a></li><li><a href='/blog/categories/octopress'>Octopress (3)</a></li><li><a href='/blog/categories/phonegap'>PhoneGap (3)</a></li><li><a href='/blog/categories/win8'>Win8 (4)</a></li><li><a href='/blog/categories/好書分享'>好書分享 (6)</a></li><li><a href='/blog/categories/學習筆記'>學習筆記 (9)</a></li></ul>
</section>
<section>
<h1>Recent Posts</h1>
<ul id="recent_posts">
<li class="post">
+ <a href="/blog/css3-transform/">[CSS3] 利用transform替網頁做小巧思</a>
+ </li>
+
+ <li class="post">
<a href="/blog/jquery-plugin-for-pinterest/">[jQ-Plugin] 自製 Pinterest 分享圖片 plugin </a>
</li>
@@ -298,10 +302,6 @@ <h1 class="entry-title">[學習筆記] 簡單容易,如何在VM裝Windows 8來
<a href="/blog/alert-confirm-prompt/">[jQ-Plugin] 用jQuery打造alert、confirm和prompt dialogs</a>
</li>
- <li class="post">
- <a href="/blog/jquery-drop-down-lists/">[jQ-Plugin] 用jQuery客製化下拉選單</a>
- </li>
-
</ul>
</section>
@@ -516,13 +516,17 @@ <h1 class="entry-title">[CSS] 5個對設計師有幫助的CSS屬性</h1>
<section>
<h1>Categories</h1>
- <ul id="category-list"><li><a href='/blog/categories/css'>CSS (15)</a></li><li><a href='/blog/categories/facebook'>Facebook (5)</a></li><li><a href='/blog/categories/html5'>HTML5 (2)</a></li><li><a href='/blog/categories/javascript'>JavaScript (7)</a></li><li><a href='/blog/categories/jq-plugin'>jQ-Plugin (19)</a></li><li><a href='/blog/categories/jquery'>jQuery (19)</a></li><li><a href='/blog/categories/octopress'>Octopress (3)</a></li><li><a href='/blog/categories/phonegap'>PhoneGap (3)</a></li><li><a href='/blog/categories/win8'>Win8 (4)</a></li><li><a href='/blog/categories/好書分享'>好書分享 (6)</a></li><li><a href='/blog/categories/學習筆記'>學習筆記 (9)</a></li></ul>
+ <ul id="category-list"><li><a href='/blog/categories/css'>CSS (16)</a></li><li><a href='/blog/categories/facebook'>Facebook (5)</a></li><li><a href='/blog/categories/html5'>HTML5 (2)</a></li><li><a href='/blog/categories/javascript'>JavaScript (7)</a></li><li><a href='/blog/categories/jq-plugin'>jQ-Plugin (19)</a></li><li><a href='/blog/categories/jquery'>jQuery (19)</a></li><li><a href='/blog/categories/octopress'>Octopress (3)</a></li><li><a href='/blog/categories/phonegap'>PhoneGap (3)</a></li><li><a href='/blog/categories/win8'>Win8 (4)</a></li><li><a href='/blog/categories/好書分享'>好書分享 (6)</a></li><li><a href='/blog/categories/學習筆記'>學習筆記 (9)</a></li></ul>
</section>
<section>
<h1>Recent Posts</h1>
<ul id="recent_posts">
<li class="post">
+ <a href="/blog/css3-transform/">[CSS3] 利用transform替網頁做小巧思</a>
+ </li>
+
+ <li class="post">
<a href="/blog/jquery-plugin-for-pinterest/">[jQ-Plugin] 自製 Pinterest 分享圖片 plugin </a>
</li>
@@ -538,10 +542,6 @@ <h1 class="entry-title">[CSS] 5個對設計師有幫助的CSS屬性</h1>
<a href="/blog/alert-confirm-prompt/">[jQ-Plugin] 用jQuery打造alert、confirm和prompt dialogs</a>
</li>
- <li class="post">
- <a href="/blog/jquery-drop-down-lists/">[jQ-Plugin] 用jQuery客製化下拉選單</a>
- </li>
-
</ul>
</section>
Oops, something went wrong.

0 comments on commit 0693582

Please sign in to comment.