The Art of Readable Code && High Performance Comments

這一陣子做專案,稍微忙碌了一陣子;把最近順手做的小東西給貼上來,證明我還活著 XD

首先是在 FB 的某社團看到有人丟了怎麼用 html5/js/css 做浮水印的問題;雖說 html 早就能透過 position, z-index 在圖上疊字,好些人也這麼回應,但考慮浮水印一般是為了標示用戶下載的檔案而附加,就知道這樣的寫法不堪用。

html5 的 canvas 物件能夠以類似 windows gdi 的方式在上面繪圖(與文字),並以 dataurl 的方式將結果輸出給 img 標籤,讓使用者能夠點擊下載,顯然這才是正道。

隨手寫了 範例 放在 Amazon S3,不過原作顯然射後不理毫無疑問。果然發問問題品質,決定了回應與理解的素質。

然後昨晚看到有人繪製 AWS EC2 不同簽約環境的價格圖,一時手癢,也做了一份。原本打算用 gnuplot 製圖,但自己在那邊快取、invalidate 實在有點麻煩,最後是用 Google Visualization API 處理。

成品也是在 Amazon S3,歡迎亂玩。

補充:
AWS 的費用資料有官方 json 格式可以拉!有空來把它再改造。
http://aws.amazon.com/ec2/pricing/pricing-reserved-instances.json
http://aws.amazon.com/ec2/pricing/pricing-on-demand-instances.json

Update 2014/03/27: 價格資訊的位置改了,格式也換成 jsonp

發表迴響

分類

%d 位部落客按了讚: