之前設計嵐分享了如何在進行網頁設計時,利用CSS語法將圖片加上拍立得的外框效果,對於學習網頁設計的人來說是個好用的技巧,(相關文章請參閱:[教學]成為CSS高手之路(八)~製作拍立得相片效果);而今天設計嵐再更進一步針對Blog經營者,介紹如何在blog文章圖片也加上拍立得相片效果外框,讓各位格友們不需要透過美工軟體就可以讓圖片有不同效果喔!
把部落格圖片變成拍立得相片風格
成為CSS高手之路系列文章第七篇來嚕!!上一篇設計嵐說明了如何針對文字設定邊框以及轉灰階圖片的CSS語法,今天來介紹一個更實用的技巧~文繞圖的設定,這個技巧之所以重要,原因有二:1.網頁內文不作文繞圖排版上很難看 2.使用DIV+CSS排版是目前網頁標準化的一個標準作法,網頁設計師必備技能!!
今天來分享一個實用的技巧~GIF動畫圖檔製作,這種格式的動畫可以應用於廣告Banner、Logo、貼紙等等的設計,製作簡單又具有動態效果,相當受歡迎,實作上有許多軟體都可以完成,像是早期很流行的Ulead Gif Animator或是PhotoShop早期版本有一個ImageReady的附屬程式都可以製作。由於今天有學生問了如何使用PhotoShop製作GIF,所以本文就以PhotoShop作教學示範吧!
今天設計嵐來分享一個超實用的免費英文字型下載網站,這對於許多需要常常面對不同主題與設計風格的設計師來說很好用,大家不妨參考一下。
今天設計嵐的朋友轉寄了一封信,標題為『馬克的履歷表』,看完之後覺得很有趣,有趣之餘更是佩服,佩服的原因有二:1.這就是『創意』,身為設計師你我或立志成為設計師的人,是否能有這樣的創意思維? 2.這就是『能力』,當我們有靈感、有創意時,我們能不能用我們所會的技術與工具,將我們的創意實現?
今天『成為CSS高手之路』系列文章之四,繼續針對『整頁套用的CSS規則』作後半段的說明,能夠讓規則套用在整個頁面的方法除了前文『成為CSS高手之路(三)~CSS在DW中的設定與語法宣告方式Part I-整頁套用的CSS規則(上)』所提到的設定方法之外,還有其他幾種設定方式,其影響範圍也都是一整個頁面的。
即使目前很多網頁已經提供了手機瀏覽版本,不過仍然是屬於少數網站會自行提供的貼心服務,目前絕大多數的入口大站都還是沒有手機瀏覽版本。Google提供一個工具供手機瀏覽者自動化地把複雜的網頁簡化成適合手機瀏覽的模式,請以手機連結下列網址,將您要瀏覽的網址輸入到簡潔的轉換頁面中就可以了:http://www.google.com/gwt/n
雖然iPhone有非常先進的Safari瀏覽器,不過有時候懶得等待下載的時間,用這個服務可以有效的縮短網頁載入的時間,也不用放大縮小畫面來瀏覽,還可以避免掉會讓Safari當掉的javascript等技術,算是在酷炫與效率之間,取得平衡的一種手段吧!
好的軟體提供了好的外掛讓軟體的功能更加強大 好的外掛太多了,知道的又有多少 希望這裡能滿足你的求知慾望,減少你時間的浪費
Free CSS Templates 這個網站目前設計並提供 100 多個免費的 CSS 模板,使用 CC 姓名標示 2.5 授權使用。 每個模板都別具特色,完全不使用表格 (純 CSS 及 XHTML 打造) 及符合 W3C 的 XHTML 標準。就算不直接下載套用的話,拿來參考別人的 CSS 怎麼寫也很受用。
話說不論是做網頁、畫圖片或者是做美美的報告,都需要好字型襯托。 但是大多網路上字型都是未經授權的,想要免費字型還得慢慢的爬阿爬..... Better fonts就是一個超級字型倉庫,上萬個字型任均挑選,而且全部經過授權。