適合各類設計用的iPhone 4S Photoshop矢量圖

無論你喜歡與否，大家還是不斷地被iPhone 4S的新聞淹沒。沒辦法，在這一刻Apple就是潮流﹗筆者是網頁設計師，要找iPhone的圖去做Mockup不太難，因為網頁對像素的要求不高，但相信廣告設計師就頭痛了，要找一張高像素的iPhone圖不是一件易事。今次介紹的iPhone 4S Photoshop檔絕對是大家的恩物，因為它是矢量圖，所以可以無限制地放大﹗

筆者隨手改了幅圖，只可以說是爽呀﹗最重要是無論商用或個人都是Royalty Free，原創者也實在是太慷慨了﹗



下載︰
iPhone 4S Photoshop矢量圖

原文網址:
http://www.aveego.com/html/o_37143_/適合各類設計用的iphone-4s-photoshop矢量圖.html 

jQuery網頁設計插件︰ 隨著滑鼠方向產生陰影效果的OKShadow

能夠為網頁DOM元件產生陰影效果的jQuery網頁設計插件有很多，而隨著瀏覽器的發展，現在甚至不需要用javascript而簡單利用CSS的box-shadow和text-shadow就可以了，當然永遠慢一步的IE還是要等待10才支援。

今次介紹的OKShadow則是比較特別的一個陰影效果插件，陰影方向會隨著你的滑鼠動作而改變，你的滑鼠就像是燈源一樣，十分搞笑。

另一個特別的效果是把文字變為透明，做成一個有趣的鬼影效果，直至滑鼠點到文字才顯示出來。



瀏覽器支援方面，因為實際運作還是使用box-shadow和text-shadow，故此只支援Firefox﹑Safari和Chrome，IE9亦只支擾div的box-shadow，文字的text-shadow要等IE10了。

詳細使用方法及下載，請到OKShadow。



原文網址:
http://www.aveego.com/html/o_37243_/jquery網頁設計插件︰-隨著滑鼠方向產生陰影效果的okshadow.html

Yahoo Smush.it 圖像壓縮器

早前介紹過的<網頁設計圖片壓縮工具-JpegMini>用獨特的壓繪技術來減少圖片大小，不過網頁沒有顯示實際的程式處理，估計會是失真式的壓縮方法。



今次介紹的Smush It則是由Yahoo出品的，壓縮的方法是把不必要的位元從檔案中移除，是不失真的壓縮方法，若你需要原汁原味保存相片的話，今次這個比較適合，但作為網頁設計之用，JpegMini絕對比較優勝。



原文網址:
http://www.aveego.com/html/o_37148_/yahoo-smush-it-圖像壓縮器.html

更多網頁設計新聞

適合新一代瀏覽器之網頁設計動畫CSS

今次介紹的animate.css是一個css3動畫集合，適用於大部份的瀏覽器，讓各網頁設計師加入動畫元素。Firefox﹑Chrome和Safari已經支援大部份的css animation，微軟則會在IE 10全面支援，以現時瀏覽器之使用分佈，即是有超過一半的使用者可以受惠。



animation.css的使用非常簡單，只需在有關的DOM元件加入需要的class就可以，而且css 3能夠直接利用硬件加速，執行速度會比利用jquery來得快。大家可以看一看以下的視頻示範，詳細使用及下載可以到animate.css看看。


原文網址:
http://www.aveego.com/html/o_37197_/適合新一代瀏覽器之網頁設計動畫css.html