GIMP 的圖片影像智慧型縮圖

通常如果要做縮圖, 不等比例縮小就會很糟糕, 但是如果我只要縮此圖片的高度, 或此圖片的寬度, 其它的要維持不變, 要怎麼做?

之前看到一個很神奇的演算法(Seam carving), 可以移除圖片中不重要的區域, 讓圖片縮小, 又不會影響到比例~ 有興趣可以看:

閱讀全文〈GIMP 的圖片影像智慧型縮圖〉

好文: DVD +R -R 的差異

以前對燒錄片還算蠻熟的, 但是到 DVD 的時代, 完全跟它脫節了~

下面的解說很多, 相信很多人一定只想知道, 到底要買 +R 還是 -R, 不用知道原理的, 所以先直接說結論:

照文章說明的, 染料 和 反射層 相同的話, 買 DVD +R 就對了~ (文章說 -R 比較便宜, 但是我去買時, 價位都一樣哩~)

閱讀全文〈好文: DVD +R -R 的差異〉

修正 CSS 對於 float 區塊, 使用 clear:both 無效的解法

CSS 的 float 使用起來蠻方便的, 但是使用完後, 那塊空間就等於是消失, 所以需在下面加 clear:left / clear:right / clear:both (我通常都直接 clear:both 就是了~), 但是有時後會遇到寫 clear:both, 但是沒有任何作用的狀況.

閱讀全文〈修正 CSS 對於 float 區塊, 使用 clear:both 無效的解法〉

CSS 使用 px 和 em 的差異

CSS 在設計頁面的時後, 並不是說 px 就一定不要用, 只是要注意說, 畫面放大的時後, px 指定的是不會跟著一起放大, 所以我的做法是如下:

  • 文字: 使用 em 或 %.
  • 間距: 兩個 Module 的間距這種, 用 px (不然畫面放大, 間距也跟著放大, 也蠻難看的.

閱讀全文〈CSS 使用 px 和 em 的差異〉

養成好習慣的方法: 使用 CSS 關掉不建議使用的 HTML Tag 和 屬性

大家都很習慣使用 font, center, align, valign, bgcolor, border, width .. 的 HTML Tag 或 屬性來指定頁面呈現的模樣, 現在的做法是要把 HTML 原本該有的 語義 和 頁面呈現的樣式 做切割, 只要是頁面要呈現的樣式, 都應該交給 CSS 來負責.

但是一般人當然不會管這麼多, 只要 Dreamwave 打開, 看起來像樣就行了, 所以要改正此壞習慣, David’s Kitchen 提出的做法是, 用 CSS 把那些效果都關掉, 那使用者看不到那種效果, 久而久之就會放棄這種做法, 而依照你教他們的特定寫法去做(不過我是覺得, 老闆應該不會這樣想.. XD), 總之理想上就是這樣子~ 😛

閱讀全文〈養成好習慣的方法: 使用 CSS 關掉不建議使用的 HTML Tag 和 屬性〉