標籤:CSS

[F5]撰寫HTML+CSS的好工具,免重新整理直接預覽網頁!

每次在電腦內寫個網頁,改個小地方就要重新整理,真的很費時。如果可以直接在存檔時,網頁就重新整理,是不是很棒呢?[F5]這個工具剛好就符合我們所需,在撰寫網頁時,順手按個存檔快捷鍵,瀏覽器上的網頁就會自動重新整理,是不是可以解省儲存→重新整理→看網頁這樣繁瑣的步驟呢?對於網頁設計師來講,這樣的工具可以有效的縮短網頁撰寫時間。

雖然說寫網頁跟寫軟體相比,寫網頁確實門檻比較低、比較簡單,也不需要使用compile(編譯器)編譯之後才可以看到成效,只要儲存檔案然後瀏覽器刷新,就可以看到成效了。但是網頁寫久了,其實會嫌棄這樣的方式不夠快,對於很多網頁設計師來講,每次都要多一個重新整理步驟真的很麻煩,有時候瀏覽器快取清理不乾淨,也會很Orz。

imXD5 以HTML5為架構的WordPress佈景主題

又到了換佈景的季節了,這回突然心血來潮想要挑戰一下HTML5的架構。雖說這個架構要到2022年才會完全落實,不過現在開始動其實也不嫌早,畢竟這是未來的趨勢,使用語意標籤去架構整個網站,未來維護也會比較方便,新標籤也多了一些額外功能,對於搜尋引擎來講,似乎有一些小小的加分(?),在這樣的迷思下,不小心就把網站給改好了。

像是上一版的imXD只有一張RSS圖感覺非常單調,所以這次加了許多的小圖案(雖然也不是很明顯..)來點綴一下網站。不過主要的變化還是對整體的網站架構有了新的變動,也把許多功能function化,讓佈景主題程式碼乾淨一點,只是functions.php倒是增肥了不少,至於CSS也用了一些CSS3的語法來達到一些小小的特效。

BlueGriffon 一款免費跨平台網頁編輯器,支援HTML5、CSS3

撰寫網頁早期喜歡使用FrontPage,但現在大多數使用者都使用Dreamweaver,簡單的視覺化編輯,對於很多人來講是很方便的。不過Dreamweaver軟體並不便宜,是否有免費軟體可以取而代之呢?那就來試試BlueGriffon吧!這款免費的網頁編輯器是基於 Firefox 4 的 Gecko 引擎的架構,另外介面也和Firefox4十分類似。

BlueGriffon這個免費的網頁編輯器軟體和KompoZer的介面很類似的,但在功能上倒是有些差異,KompoZer更新速度已經遲緩了,而根據Mozilla Links的說法,BlueGriffon目前支援最新的HTML5、CSS3等等的技術,同時也推出正體中文介面,此外也修補了一些程式bug,使用上總算是有跟上現在的腳步囉!

imXD 新佈景上架,純CSS打造WordPress佈景

好像又好一陣子沒換佈景了,最近心血來潮突然想換個新佈景,所以就從星期一開始改造先前的iorz佈景,然後經過三天的時間就把它改好了,不過幾乎每天都拖很晚睡,整個都快往生了。但是看到佈景改好後,整個活力都來了,應該更有發文的動力吧XD。這回的佈景一樣採用純CSS打造,如果硬要說有用到圖,大概就是網站的LOGO和RSS訂閱這兩張圖片而已喔!

香腸不愛使用圖片主要原因是我不會畫圖,美工做出來都像狗啃的一樣,所以我只能默默地使用CSS去勾劃出網站的版型了,這回一樣有透過CSS3的圓角、區塊陰影、文字陰影來做特效,比較特別的是還採用了CSS漸層來讓佈景感覺色彩更多,似乎有背景漸層,不會讓顏色太單調。

如何製作CSS多層下拉式選單?(不用Javascript)

製作網頁時,很多人會想要讓網頁選單擁有下拉的功能,因為這樣感覺比較炫,不過要製作下拉選單的選單可不容易,因為如果不太會CSS,那弄起來可是很頭大的。現在你不用再煩惱這樣的問題了,因為有現成的工具「Pure CSS Menu Maker」,只要滑鼠點一點,就可以產生多層的下拉選單。

這個Pure CSS Menu Maker選單製作軟體是完全免費的,可以製作多層的選單,而且不需使用Javascript,完全純CSS就達到的選單,是一個不可多得的好工具。透過滑鼠點擊設定,就可以輕鬆完成下拉選單,你完全不需去考慮瀏覽器相容問題,因為他都幫你處理好了,在各大新版瀏覽器都可以正常使用喔!

iorz新佈景上架,活力亮一夏!

最近經過上次的網站三歲文章後,我們收到許多表單的回應,其中有網友反應我們的佈景太單調了,都單色系。所以就趁著做畢專之餘,來改版一下網站了。雖然說還是沒達到跳出iNove框架的目標,不過這次配色到是有比較鮮豔一點了,因為夏天到了,要讓網站感覺有活力些!

不過每次佈景改版就要很龜毛的弄個幾天,這回當然也不例外。只是這回比較傷腦筋的是佈景名稱,想了很久也與天才討論了很久,最後叫做「iorz」,為什麼要叫做「iorz」?因為佈景名稱想到很讓我Orz,所以就這樣子取了。

你的網站,是學習、模仿還是抄襲?

現在部落格普及率時在是高的嚇人,幾乎是人手一個,甚至除了有部落格外,也有其他類型的網站,但是有些人總是會讓自己的網站變得更優秀,而去學習別人網站,當然學習是一種正確的態度,但若當使用者熱情與積極的學習態度發揮過頭時,這是不是變成了模仿呢?若是更嚴重一點,是不是變成了抄襲?