星期一, 三月 17, 2008
要使用 HTML link 來安裝 Debian/Ubuntu Package 如何寫
常常寫到要 apt-get install screen 等, 但是如果直接變成 link, 一點下去就可以直接安裝, 或許是個更快的方法. (apt-get install screen, 然後把 screen 變 link, 點選就會安裝 screen 的 package).
(閱讀全文)星期三, 三月 12, 2008
Javascript 的 Database: Taffy DB
Javascript 的 Database 是 一個很酷的 Idea, 但是, 好像又有點怪怪的.....
DB 的空間只有 10K, 這跟直接存在 Cookie 或存成 JS Array 比起來, 似乎沒有比較方便.
不過, 提供的 DB 處理倒是可以省掉不少工(ex: Find / Update / Insert / Remove / OrderBy ... 等). 先記起來, 之後再研究如何應用它~ :)
(閱讀全文)星期五, 三月 07, 2008
IE8 的 相容Quirks模式 Meta Tag(X-UA-Compatible)
Microsoft 推出了 Internet Explorer 8 Beta 1, 裡面有一個非常大的改變: 微軟：IE8 預設模式將支援網路標準
, 節錄裡面幾點:
- 微軟宣布，IE8一推出時，就會以標準相容模式(standards compatibility mode)作為預設的成像引擎(rendering engine)。微軟先前已表示，新版瀏覽器可以通過Acid2 rendering測試。
- 就IE8而言，微軟計劃提供三種rendering模式：新的標準相容(standards-compliant)模式、IE7成像引擎、以及一個展示舊型網站的選項。因為新版瀏覽器改變了預設環境，若網站希望IE8沿用IE7的引擎，就必須在各自的網站編碼中加入一個標籤(tag)。
所以 IE8 的預設模式會如下(取自: IEBlog: The Default Layout Mode):
- Known standards DOCTYPEs and unknown DOCTYPEs: IE8 Standards
- Quirks mode DOCTYPEs (includes the absence of a DOCTYPE): Quirks
- 關於 DOCTYPE 詳可見: MSDN 對 !DOCTYPE 的介紹 和 HTML 標準驗證
星期二, 二月 26, 2008
在網頁嵌入 MSN/GTalk/Y! Messenger/Gabbly 即時聊天模組
要在 Blog 或 網頁上即時與使用者互動, 最快的大概就是放個聊天室.
看到 Google 也把 Gtalk 的即時聊天的嵌入程式 擺出來, 順便把其它的一起整理出來, 挑平常喜歡的用吧~ :)
(閱讀全文)星期四, 二月 21, 2008
Amazon S3 使用和操作(s3cmd/PHP class)
Amazon S3 是付費的網路磁碟服務, 而且可以透過 Web 直接將檔案拉下來, 沒有最低消費, 用多少收多少, 單純做備份, 收費算是蠻便宜的, 有興趣可以用 Amazon Web Services Simple Monthly Calculator 算算看(我算自己的資料備份, 一個月下來應該不用 $100 台幣).
(閱讀全文)星期三, 二月 13, 2008
星期四, 元月 24, 2008
GIMP 的圖片影像智慧型縮圖
通常如果要做縮圖, 不等比例縮小就會很糟糕, 但是如果我只要縮此圖片的高度, 或此圖片的寬度, 其它的要維持不變, 要怎麼做?
之前看到一個很神奇的演算法(Seam carving), 可以移除圖片中不重要的區域, 讓圖片縮小, 又不會影響到比例~ 有興趣可以看:
- Seam Carving Demo
- Image Resizing by Seam Carving (Youtube)
- Image Resize (Youtube)
星期三, 元月 16, 2008
好文: DVD +R -R 的差異
以前對燒錄片還算蠻熟的, 但是到 DVD 的時代, 完全跟它脫節了~
下面的解說很多, 相信很多人一定只想知道, 到底要買 +R 還是 -R, 不用知道原理的, 所以先直接說結論:
照文章說明的, 染料 和 反射層 相同的話, 買 DVD +R
就對了~ (文章說 -R 比較便宜, 但是我去買時, 價位都一樣哩~)
星期一, 元月 14, 2008
修正 CSS 對於 float 區塊, 使用 clear:both 無效的解法
CSS 的 float 使用起來蠻方便的, 但是使用完後, 那塊空間就等於是消失, 所以需在下面加 clear:left / clear:right / clear:both (我通常都直接 clear:both 就是了~), 但是有時後會遇到寫 clear:both, 但是沒有任何作用的狀況.
(閱讀全文)星期四, 元月 10, 2008
星期三, 元月 09, 2008
星期二, 十二月 18, 2007
Facebook 加入 Developer 第一步
自從 12/14 去參加完 Facebook 的台灣小聚會後, 也想隨便寫個 Application 來看看, 但是當天他們在頁面左邊有個 Developer 的連結, 點下去後填一填就可以完成一個 Application...
(閱讀全文)星期五, 十二月 07, 2007
CSS 使用 px 和 em 的差異
CSS 在設計頁面的時後, 並不是說 px 就一定不要用, 只是要注意說, 畫面放大的時後, px 指定的是不會跟著一起放大, 所以我的做法是如下:
- 文字: 使用 em 或 %.
- 間距: 兩個 Module 的間距這種, 用 px (不然畫面放大, 間距也跟著放大, 也蠻難看的.
星期一, 十一月 12, 2007
養成好習慣的方法: 使用 CSS 關掉不建議使用的 HTML Tag 和 屬性
大家都很習慣使用 font, center, align, valign, bgcolor, border, width .. 的 HTML Tag 或 屬性來指定頁面呈現的模樣, 現在的做法是要把 HTML 原本該有的 語義 和 頁面呈現的樣式 做切割, 只要是頁面要呈現的樣式, 都應該交給 CSS 來負責.
但是一般人當然不會管這麼多, 只要 Dreamwave 打開, 看起來像樣就行了, 所以要改正此壞習慣, David’s Kitchen 提出的做法是, 用 CSS 把那些效果都關掉, 那使用者看不到那種效果, 久而久之就會放棄這種做法, 而依照你教他們的特定寫法去做(不過我是覺得, 老闆應該不會這樣想.. XD), 總之理想上就是這樣子~ :P
(閱讀全文)
