標籤:CSS3

「免費的喘息」網站改版,「OutLine」佈景上線

這幾天大家又發現香腸開始懶惰不新增文章,但其實香腸是在為網站改版做準備。這次放了六天的假期,有一半以上的時間都是在寫佈景,總共改了三個網站,一個喘息、一個香腸自己使用的公版,一個藍藍路網站改HTML5,第一次覺得自己這麼有效率的在四天內做了這麼多事情,結果文章一篇也沒寫到,實在是有點愧疚。既然香腸寫了新佈景,就順便拿來當文章發表介紹一下囉!

這次的新佈景「OutLine」,是針對免費的喘息論壇轉型成WordPress所設計的版型,基本上並不適合一般部落格來套用,因為很多東西都屬於客製化的,所以,扣除掉這些客製化的東西,其實「OutLine」真的是outline。雖說看起來很普通,但是越普通的佈景越是難以調整,很多小細節要注意,就算加入個小圖片也要調整超多次,讓網站達到最佳效果。

檢查網站是否通過CSS3驗證?

一般來講,開發設計網站如果所有標準都能符合當然是最好的,畢竟這樣子未來如果有任何錯誤要揪出會是比較容易的。那該怎麼檢查自己的網站有通過檢測標準呢?目前網頁的標準大多都遵守的W3C在進行,之前我們有介紹過HTML5檢測,這回讓我們來替網站做個CSS3的樣式檢測,看看能不能通過最新的CSS規範,順便也可以檢查看看網站哪邊有寫錯,把網站修正好。

能通過CSS檢測當然是一件好事,但沒通過基本上也不會怎麼樣,沒通過也不會說讓網站無法被搜尋引擎收錄到。只是,有時候後會為了挑戰自己的程式撰寫能力是否符合標準規範的需求,就會想要手癢來檢查一下網站是不是有通過驗證,通過了當然很開心,錯了當然就是盡量修正bug,當再度檢查時,通過了想必那個心情是非常棒的!

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,使用上總算是有跟上現在的腳步囉!