Recently in 技術 Category

February 9, 2010

A shiny link hover effect.

This is why you use Safari.

Continue reading A shiny link hover effect..

February 7, 2010

LESS.app For Mac OS X -- LESS CSS app

給 OSX 用的 LESS CSS 自動 Compiler。見 http://incident57.com/less/。網頁中的 Reviews 一欄是純搞笑。

February 6, 2010

HTML5 Video 小抱怨

html5 video 最大的問題是: 瀏覽器可能會放不動。Web App Programming 的謎事則為:所有人都先一味地在瀏覽器上瘋狂加蓋,然後討論這地基不深,瓶頸太細。結論則是,世間要花金銀升級硬體來滿足自身的讀網需求以及網頁規格這十年來的演進與重構。

Readibility: 發人省思的 Bookmarklet

Readability 是一個 Bookmarklet 小工具,祂能做的事,便是將目前看的網頁,去蕪存菁;(非常神奇地)找出重要的部份,然後以最古典、舒適的方式呈現出來。

Continue reading Readibility: 發人省思的 Bookmarklet.

January 22, 2010

Recommending: lesscss

LESS CSS is a nice tool to simply your CSS work. It extends the syntax of CSS itself a little bit to make many tedious work easier. For instance, you can write nested rules:

.hd {
    color: #000;
    .title { font-size: 140%; }
}

And that compiles to:

.hd { color: #000; }
.hd .title { font-size: 140%; }

This is my favorites feature of LESS among others.

Continue reading Recommending: lesscss.

January 14, 2010

url2qrcode bookmarklet

這個 bookmarklet 把目前網頁轉成 qrcode / This bookmarklet displays a qrcode for current URL:

url2qrcode

在需要即時將網址傳到手機上時好用 / Particularly useful for sending an URL to phone.

January 4, 2010

在 Mac (Snow Leopard) 上以 nginx 做為開發用伺服器

總之 nginx 是個又快又好又不用吃草的 http server,而現下 passenger 也己經做了 nginx 模組,所以也沒什麼理由不來試用一下。

Continue reading 在 Mac (Snow Leopard) 上以 nginx 做為開發用伺服器.

December 24, 2009

在 git 的 pre-commit hook 裡面檢查 console.log

由於我常用 console.log 來 debug javascript,所以總是會失誤把 “console.log(…)” 送進 git 裡。如果又一不小心被 deploy 到 production 上的話,那可就麻煩了。為了及早避免,可以使用 git 的 pre-commit hook 來做檢查。

Continue reading 在 git 的 pre-commit hook 裡面檢查 console.log.

December 17, 2009

試用 Mac Bumptop

Bumptop 這個軟體是種最有意思的 3D 桌面環境。約一年前出了 Windows 版本,最近開始發出給 Mac 的測試版 (目前到 0.5 版)。

Continue reading 試用 Mac Bumptop.

November 5, 2009

A jQuery outerHTML one-liner

$(...).clone().wrapAll("<div/>").parent().html();