張貼、分享程式碼的線上服務Chop,還可加入註解

Chop是快速、方便的線上程式碼分享服務,除了張貼程式碼,還能夠加入說明、意見或回應等。

網址:http://chopapp.com/

當需要貼程式碼給別人看的時候,就可以使用Chop這個非常方便的程式碼分享服務。它支持非常多種程式語言,且可高亮顯示。支援的有:Ruby、Python、JavaScript、CSS、HTML、Java、C/C++、PHP、SQL、Diff、JSON、YAML、ERB、XML、Delphi、Lua。

另外還能在張貼的程式碼當中插入註解、說明,而訪客還能針對註解進行回應。這樣的功能在某些時候非常的方便、有用。例如有人問程式語言相關的問題時,就能使用Chop來貼程式碼給他,並且加入說明,如果還有疑問,提問者也能直接在Chop裡補充。

Continue Reading…

CSS下拉式選單產生器,不懂CSS也能快速製作CSS選單

CSS3 Menu讓你輕鬆製作十分美觀的純CSS下拉式選單,相當簡單、易用。

官方網站:http://css3menu.com/
下載頁面:http://css3menu.com/css3menu-setup.zip

CSS3 Menu是一套可供個人免費使用的CSS選單產生器,以最新的CSS3技術為基礎,讓你不必精通CSS,就能快速製作出純CSS的下拉式選單,完全沒使用JavaScript!雖然免費版沒辦法使用全部的內建主題,但顏色、圖示等等都能自訂,也很夠用了!

首先到下載頁面,會要求你輸入姓名和信箱,輸入完之後按Download Now就會顯示下載連結。

Continue Reading…

所見即所得的免費網頁編輯器BlueGriffon,含繁體中文語系

BlueGriffon是繼承了Nvu、跨平台,所見即所得(WYSIWYG)的免費網頁編輯軟體,已內建正體中文。

可能不少人知道之前有個叫Nvu免費網頁編輯軟體,但很不幸地腰折了。之後又出現了KompoZer這個開源的HTML編輯器,但差不多是同樣的結果…現在的穩定版本已經是三年前釋出的了!

不過現在免費網頁編輯器又有了希望,這個BlueGriffon也是繼承自Nvu,目前仍然有在繼續更新,能製作出符合W3C標準的XHTML,且支持新的HTML5、CSS3,還有SVG編輯器等等功能。它所使用的是和Firefox 4一樣的引擎,所以呈現出來的畫面是和Firefox 4一樣的!

Continue Reading…

WordPress教學:免裝外掛防止機器人垃圾、廣告留言

簡單幾個步驟教你防止機器人的垃圾留言和一大堆廣告,不需要安裝外掛、插件,不怕WordPress不相容問題。

實際效果的好壞可能還要一段時間來看看,會有這篇是因為我把WordPress東升級西升級,還順便換了佈景後,後台就變得怪怪的。把外掛全關一關就又好了,所以目前外掛只留了兩個。原本拿來擋廣告用的SI CAPTCHA Anti-Spam也關掉了,雖然可以正常運作,但啟用的話我後台的選單頁面就會打不開。不過這應該是我這邊的問題,因為我的WordPress都是自己手動亂更新的,可能是哪裡出了點問題。

如果你要用插件(外掛、Plugin)來擋機器人的垃圾留言和廣告的話,那SI CAPTCHA Anti-Spam真的不錯用,可以試試看;若想自己做一個超簡易版,那就參考我這篇文吧!包括解析及說明。

Continue Reading…

Dinkypage線上快速製作臨時用、可拋棄式的網頁

如果你臨時需要一個網頁來分享東西,如文字、圖片…等,但你沒有個人的網站空間,又或者你不會製作網頁,那快來試試Dinkypage!

注意,這不是網頁空間,你不能夠上傳網頁、圖片…到Dinkypage。他只會產生一個網頁,並讓你在線上直接進行編輯。編輯器有所見即得模式,讓任何人都能輕鬆編輯。當然也有提供html模式。

Continue Reading…

給你的WordPress部落格加上一個文章清單的頁面

想在WordPress部落格裡有個文章清單嗎?教大家如何在WordPress部落格裡加入一個檢視所有文章的頁面!

我在部落格擺了檢視所有文章的頁面有一段時間了,當初就是為了方便大家還有自己用標題快速找文章。最一開始還是新增一個分頁,每發一篇文就手動把文章連結給加上去。不過後來覺得麻煩,又常常忘記,想說怎麼不讓它自動新增呢?找半天找不到這種功能的外掛(有人知道嗎?),所以就自己寫一小段程式來抓出資料庫裡的文章,有需要的話就來看看吧!

Continue Reading…

有智能提示的免費網頁編輯器Free JavaScript Editor

Free JavaScript Editor是一個免費的JavaScript編輯器,有智能提示、還可編輯PHP、CSS、HTML等。

一般免費的網頁編輯器要有智能提示的少之又少,不然就是體積十分龐大。今天介紹這個Free JavaScript Editor,除了是完全免費之外,還有智能提示、快速格式化JavaScript程式碼、Debug等功能,整體的速度也不錯,容量也只有不到10MB!可以直接裝在隨身碟裡帶著走。

官方網站:http://www.yaldex.com/Free_JavaScript_Editor.htm
下載:進入官網後移至最下方按Download連結

Continue Reading…

CSS教學:如何利用CSS3製造文字陰影效果

CSS的教學,教大家使用CSS3製造出文字的陰影效果(text-shadow)。要注意目前IE都不支援CSS3!包括IE9

CSS3真的加入了不少好用的東西,像是陰影、圓角,甚至有漸層等,未來更容易就能設計出更美觀的網頁,不需要寫一大堆有的沒的程式,十分方便。雖然目前CSS3仍在開發階段,但目前除了IE系列外,主流瀏覽器都有支援部份CSS3的能力,能夠正常顯示。

有仔細看應該會發現,本站的大小標題都多了點立體感,這就是利用CSS3做出的文字陰影效果,CSS3另外也有區塊陰影的語法,等等會一起介紹,如果你也有部落格、網站的話,可以試一下這個效果。

Continue Reading…