RSS Feed!

貓上腦

我近期

Twitter Updates

    follow me on Twitter

    賣豆”卜”

    Posts Tagged ‘png’

    Flavours, 免費 Icon Set

    Monday, November 30th, 2009

    我們這類 不善UI 設計的 programmer
    常遇到版面設計上的問題
    很多時一個按照或連結, 一個適當的Icon, 比起 長長的文字解析來得痛快

    不過在網上要找到一個合適好用的 icon 也不容易.

    在一個專門搜尋 icon 的網站上就找到一個免費用於 任何商業產品的 icon-set
    這個 名為 Flavours 的 Icon set 原本由 Oliver Twardowski(http://www.addictedtocoffee.de/) 設計, 本身只提供177個 icon, 後期就已經更新多達 450 個 icon .

    這個 icon-set 包括有各式各樣的實用 icon,如網上付款公司 pay-pal, 常用的 visa, mastercard; 哈哈笑公仔; 各類文件及資料夾 icon 等等

    有興趣的可以到 http://www.smashingmagazine.com/2009/05/20/flavour-extended-the-ultimate-icon-set-for-web-designers/ 下載
    這個 package 已經包括 48x48px 的 PNG 及 PSD 檔案

    PNG 能在 Internet Explorer 6 透明的方法

    Monday, April 27th, 2009

    最近找到 PNG 在IE6 上能透明較便利的方法, 

    建基於 jQuery, 此方法需要使用 Javascript 和 CSS

     

    假設你有這一段code :

    <style>
    .element{background:url(/some/images/image.png)}
    </style>

    <div class=”elemet”></div>

     

    當執行 $(‘.element’).fixPNG() 之後,

    class=”element” 的元件的類別(class) 為 “element” 中的背景圖就會由 backgroundImage 改做 Microsoft 的 Filter,

    使 PNG 作結尾的圖片檔案能在InternetExplorer 6 上回覆應有的透明層

    要看原始碼可到….

    http://docs.jquery.com/Tutorials:PNG_Opacity_Fix_for_IE6

    Videos, Slideshows and Podcasts by Cincopa Wordpress Plugin