你好。我是布丁(hlb)，這裡是我的筆記本。你也可以看看我的演說以及連結。iamhlbTumblr (3.0; @hlb)http://iamhlb.com/Why HSL?<p>HSL 的好處是，顏色是人類可以直接閱讀，是有邏輯的。</p> <p>例如我有個亮綠色 hsl(120, 100%, 50%) ：</p> <div style="width: 30px; height: 30px; background: hsl(120,100%,50%); margin: 0 0 20px;"></div> <p>然後我想要暗一點 hsl(120, 100%, 40%)：</p> <div style="width: 30px; height: 30px; background: hsl(120,100%,40%); margin: 0 0 20px;"></div> <p>如果我覺得太飽和，想要淡一點 hsl(120, 80%, 50%)：</p> <div style="width: 30px; height: 30px; background: hsl(120,80%,50%); margin: 0 0 20px;"></div> <p>如果我今天拿亮綠色作個按鈕，想要有暗一點的，按下去的狀態 hsl(120, 90%, 35%)：</p> <div style="width: 30px; height: 30px; background: hsl(120,90%,35%); margin: 0 0 20px;"></div> <p>或是我想要相同亮度、飽和度的紅色 hsl(0, 100%, 50%)：</p> <div style="width: 30px; height: 30px; background: hsl(0,100%,50%);"></div> <p>有興趣請到 <a href="http://hslpicker.com/">HSL Color Picker</a> 玩玩看。</p>http://iamhlb.com/post/23163526250http://iamhlb.com/post/23163526250Wed, 16 May 2012 21:20:41 +0800小玥走路<p>雖然十個月就會扶著東西走，最近偶爾也不扶東西就走三四步，不過今天一次就走了三十二步！誌之。</p> <p>另外，養小孩真是對愛情的最佳考驗。</p>http://iamhlb.com/post/22967539178http://iamhlb.com/post/22967539178Sun, 13 May 2012 21:22:09 +0800謝謝<blockquote class="twitter-tweet"><p><a href="https://twitter.com/search/%2523%E5%85%AC%E5%91%8A">#公告</a> 本人於即日離職轉行。感謝 @<a href="https://twitter.com/handlino">handlino</a> 同伴幾年來助我亂寫 和多繽紛樂 / MoreText / jabbot / opmsg 等各種歡樂的接案副產品，並且大方贊助 perlbrew / YAPC::Asia 等個人開放源碼活動。 # 以後上班終於要出門了🐱</p>— Kang-min Liu (@gugod) <a href="https://twitter.com/gugod/status/195388615453442048" data-datetime="2012-04-26T05:47:30+00:00">April 26, 2012</a></blockquote> <script src="//platform.twitter.com/widgets.js" charset="utf-8"></script><p>謝謝 gugod 從 2006 年陪我到現在。也希望以後還有機會共事/賺錢/hacking。</p>http://iamhlb.com/post/21837025112http://iamhlb.com/post/21837025112Thu, 26 Apr 2012 14:09:28 +0800Fire.app - Dead Easy HTML Prototyping<p>本週末到 OSDC 介紹了我們公司的新產品 <a href="http://fireapp.handlino.com/">Fire.app</a>。在會場才發現有些外國友人是我們的使用者，真是開心。 :D</p> <script async class="speakerdeck-embed" data-id="4f8a392baa0fdb001f006319" data-ratio="1.7297297297297298" src="//speakerdeck.com/assets/embed.js"></script>http://iamhlb.com/post/21194888214http://iamhlb.com/post/21194888214Mon, 16 Apr 2012 11:52:00 +0800鬼島<p>最近的諸多新聞，都讓我對這個鬼島很絕望啊。</p> <p>亂拆房子、物價飛漲、核四問題也就算了。現在有個隨時會爆炸的核電廠，還隱瞞消息，甚至要硬上，這是什麼道理？！</p>http://iamhlb.com/post/20890037712http://iamhlb.com/post/20890037712Wed, 11 Apr 2012 12:54:05 +0800git pull by crontab<p>If you need to auto pull a git repo:</p> <pre><code>*/1 * * * * /bin/sh -c 'cd /path/to/repo &amp;&amp; /usr/bin/git pull -q origin master' </code></pre> <p>Just a memo.</p>http://iamhlb.com/post/18599341915http://iamhlb.com/post/18599341915Fri, 02 Mar 2012 16:06:16 +0800試用Elements.app<p>居然有內建發佈到Tumblr的功能耶。</p>http://iamhlb.com/post/18373108130http://iamhlb.com/post/18373108130Mon, 27 Feb 2012 16:44:29 +0800Photo<img src="http://25.media.tumblr.com/tumblr_lzpaf2jmHt1qz6l59o1_400.png"/><br/> <br/><img src="http://25.media.tumblr.com/tumblr_lzpaf2jmHt1qz6l59o2_400.png"/><br/> <br/>http://iamhlb.com/post/17951279252http://iamhlb.com/post/17951279252Tue, 21 Feb 2012 00:42:38 +0800HDM5<p><ol><li>感謝 Richard</li> <li>報名的時候公告費用是 200，其實每個人頭費用是 250。結果我跟 Richard 平攤掉少的 5000。辦活動還虧錢，真是失敗。下次改進。</li> <li>下次應該播個音樂，播什麼好呢？請推薦！</li> <li>場地好大、好大、好大。明明有 6x 個人，有些人我甚至完全沒機會打招呼。不過還是有人覺得場子有點冷清。</li> <li>排太多講者了，感覺要 4hrs 才講得完。大概是把之前在假日下午場的經驗拿來用的關係。下次改進。</li> <li>都聽到我想聽的，心情真愉快。</li> </ol></p>http://iamhlb.com/post/17827607317http://iamhlb.com/post/17827607317Sun, 19 Feb 2012 00:52:06 +0800某知名不具寫稿好慢<p>咳咳</p>http://iamhlb.com/post/17757795874http://iamhlb.com/post/17757795874Fri, 17 Feb 2012 15:49:07 +0800交織的人生<p><ul><li>2006/4 訂婚</li> <li>2006/5 HappyDesigner第一次聚會</li> <li>2006/10 第二次聚會</li> <li>2006/10 結婚</li> <li>2007/8 Handlino Inc.</li> <li>2008/3 第三次聚會</li> <li>2008/4 小丁出生</li> <li>2008/12 第四次聚會</li> <li>2011/5 小玥出生</li> <li>2012/2 第五次聚會</li> </ul></p>http://iamhlb.com/post/17547530458http://iamhlb.com/post/17547530458Mon, 13 Feb 2012 19:30:04 +0800短視<p>有天晚上跟某神人聊天，提到台灣開發的東西，往往只是把元件拼湊一下，沒有什麼技術深度。真正需要新技術的東西，反而往往都做不出來。</p> <p>我認為真正的問題，其實並非工程師或設計師不想做，或是做不出，而是台灣企業就只想要泡麵、急就章、低成本。最好是今天想到，明天就可以推出產品，然後一毛錢都不用花。</p> <p>所以高品質的東西，大概只有純為興趣而做的玩具吧。</p>http://iamhlb.com/post/17419678833http://iamhlb.com/post/17419678833Sat, 11 Feb 2012 18:49:52 +0800Robot<img src="http://25.media.tumblr.com/tumblr_lxkvghNWML1qz6l59o1_500.jpg"/><br/><br/><p>Robot</p>http://iamhlb.com/post/15614435590http://iamhlb.com/post/15614435590Tue, 10 Jan 2012 18:21:53 +0800If GoDaddy had a command line interface<a href="https://gist.github.com/905888">If GoDaddy had a command line interface</a>: <p><a href="http://thechangelog.com/post/4391932134/if-godaddy-had-a-command-line-interface" class="tumblr_blog">thechangelog</a>:</p> <blockquote><p><a href="https://gist.github.com/905888">Funny stuff</a> from <a href="https://github.com/ernie">ernie</a>:</p> <pre><code>$ godaddy buy wynn.fm -- Reading CC Info from .godaddy... -- THANK YOU FOR PURCHASING YOUR DOMAIN WITH GODADDY! -- WHILE OUR SERVERS THINK ABOUT REGISTERING YOUR DOMAIN -- NAME, PLEASE GIVE CAREFUL CONSIDERATION TO THE -- FOLLOWING SPECIAL OFFERS!!! Would you like to also register the following and SAVE 64%? wynn.net wynn.com wynn.org wynn.info wynn.us wynn.mobi (Y/n)? n Would you like to certify this domain for ONLY $4.99/YR (Y/n)? n Would you like a protected registration for ONLY $24.99/YR (Y/n)? n Okay, how about a private registration for ONLY $11.99/YR (Y/n)? n Would you like 10 email addresses & unlimited storage, Online Calendar, 10GB online storage for mobile files, back up & more for ONLY $4.99/MO (Y/n)? n Okay, how about 10 email addresses & unlimited storage for ONLY $2.99/MO (Y/n)? n Okay, how about 5 email addresses & 2GB storage for ONLY $2.49/MO (Y/n)? n Would you like^C It appears you have attempted to interrupt this process. IF YOU DO SO, WE CANNOT GUARANTEE THE FUTURE AVAILABILITY OF WYNN.FM. ARE YOU SURE (y/N)? <enter> GREAT! Let's start over, then! *headdesk* -- THANK YOU FOR PURCHASING YOUR DOMAIN WITH GODADDY! -- WHILE OUR SERVERS THINK ABOUT REGISTERING YOUR DOMAIN -- NAME, PLEASE GIVE CAREFUL CONSIDERATION TO THE -- FOLLOWING SPECIAL OFFERS!!! .... </code></pre></blockquote>http://iamhlb.com/post/14967117866http://iamhlb.com/post/14967117866Thu, 29 Dec 2011 16:45:35 +0800用 CSS3 border-image 製作郵票效果<a href="http://demosthenes.info/blog/446/Turn-Pictures-Into-Postage-Stamps-With-CSS3-border-image">用 CSS3 border-image 製作郵票效果</a>: <p>用 border-image 處理郵票的邊緣效果，真是一整個語意正確（？）。</p>http://iamhlb.com/post/14170271458http://iamhlb.com/post/14170271458Wed, 14 Dec 2011 00:51:05 +0800更多 > 更多<img src="http://25.media.tumblr.com/tumblr_lvi6yr4Ezn1qz6l59o1_400.png"/><br/><br/><p>更多 > 更多</p>http://iamhlb.com/post/13572239763http://iamhlb.com/post/13572239763Thu, 01 Dec 2011 10:30:27 +0800More / Even More 真是太有喜感了。不過舊版的 More > More 也很愉悅。<img src="http://24.media.tumblr.com/tumblr_lvi6uqCFR01qz6l59o1_r1_500.png"/><br/><br/><p>More / Even More 真是太有喜感了。不過舊版的 More > More 也很愉悅。</p>http://iamhlb.com/post/13572117465http://iamhlb.com/post/13572117465Thu, 01 Dec 2011 10:28:00 +0800Responsive Advertising | Mark Boulton<a href="http://www.markboulton.co.uk/journal/comments/responsive-advertising?utm_source=rss&utm_medium=rss&utm_campaign=responsive-advertising">Responsive Advertising | Mark Boulton</a>http://iamhlb.com/post/13247330238http://iamhlb.com/post/13247330238Thu, 24 Nov 2011 17:09:08 +0800今天最大收獲其實是清RSS Reader&#8230;<p>今天最大收獲其實是清RSS Reader&#8230;</p>http://iamhlb.com/post/13003537149http://iamhlb.com/post/13003537149Sat, 19 Nov 2011 15:26:27 +0800simurai: Another angle on skeuomorphs<a href="http://simurai.com/post/12032753853/skeuomorph">simurai: Another angle on skeuomorphs</a>: <p><a href="http://simurai.com/post/12032753853/skeuomorph" class="tumblr_blog">simurai</a>:</p> <blockquote> <p><strong>Changing the angle</strong> you look at it. Moving your head doesn’t change the 3D perspective, holding your tablet in a different angle does…</p></blockquote>http://iamhlb.com/post/12233279212http://iamhlb.com/post/12233279212Wed, 02 Nov 2011 14:47:01 +0800