Pastie § 線上程式代碼美化服務,支援行數顯示

Pastie」是個程式碼語法美化的線上服務,可以替我們的程式碼加上適當的識別顏色,這樣放到網站時會比較清楚、醒目,不過最讓我喜歡的是它提供了行數的功能,這對一些教學網站來說,透過行數來解說會更容易讓訪客了解。

官網:Pastie

Read more

Google Image Chart Editor (ChartTool) 線上製作各類分析統計圖(長條圖、圓餅圖、雷達圖等42種)

Google Image Chart Editor」是一個很優的線上工具喔,它可以幫我們繪製各類的資料圖形,例如:長條圖、折線圖、地形圖、圓餅圖、雷達圖、分佈圖、QR-Code等等,經過簡單的編輯之後,很容易就可以得到精美的圖形,放在網站上或者直接下載都是個很不錯的選擇,有需要製作這類型的統計分析圖的網友,一定要試試今天介紹的工具。

網址:Google Image Chart Editor (ChartTool)

實際Demo

先隨手花了一、二分鐘做了一個資料,如果各位仔細一點的話可以做的更美、更有質感喔

靖.技場Demo

Read more

Mobilefish QR Code Generator § 免費、超有彈性的QR Code產生器

網路上的QR Code產生器蠻多的,但有個缺點就是可以調整的參數太少,大都只能用預設選項來產生,而「Mobilefish QR Code Generator」剛好可以補足這個缺點,因為它最大的特點就是使用者的控制權相當高,可透過調整參數來產生出最符合我們需求的QR Code,舉例來說,它可以自訂前景顏色、背景顏色、邊框大小、圖片周圍是否保留空白、自定旋轉角度、大小等等,算是非常有彈性,讓我們的QR Code不在只是黑白二種顏色。

網站:Mobilefish 免費的QR Code產生器
推薦閱讀:4款支援向量格式EPS、SVG及PDF的QR Code線上產生器

Read more

JPGfun.com 線上特效照片產生器,支援200+種效果圖片

JPGfun」是一簡單但有趣的特效圖片線上產生器,目前提供的特效超過200百種以上,想要替照片加上一點變化樂趣或惡搞的話,可以試試看喔。

使用教學

當你開啟JPGfun時,官網會把目前所支援的圖片特效列出來,你可以直接在這些特效中選擇你想要的效果來進行編輯,或者,你也可以使用上方的分類來選擇特效,但基本上都是一樣的。

Read more

Advanced Syntax Highlighting § 高亮化程式碼線上工具

繼前幾天介紹過「Syntax Highlighting」這個語法高亮化的線上工具後,今天再來介紹一個類似的工具「Advanced Syntax Highlighting」,我想這次的主角與前者最大的不同在於它能替每一行語法加入行數,而且若是語法有關鍵字標籤的話,它會幫我們加入定義的連結,因此,當你按了此連結後就可以連到解釋這些關鍵字用法的網站中(或者連到Google搜尋),稍後各位可以自行用文章末的實際例子測試看看。

官網:Advanced Syntax Highlighting 高亮化程式碼

Read more

WonderSay 建立酷炫、具有淡出淡入特效的動態文字訊

剛剛看到一篇「Create & Share Cool Animated Messages With WonderSay」文章,介紹「WonderSay」這個網站可以線上製作非常酷炫的動態留言訊息,所以馬上就測試了一下,覺得效果真的不錯、操作又簡單、而且還支援中文,所以立刻寫文來介紹這個有趣的網站。

官方網站:WonderSay 動態特效文字留言產生器
相關文章:
GlowTxt 可愛風格的萌系動態文字產生器
Fodey.com 動態文字圖片產生器
LiveTyping 記錄輸入的字母,產生打字機特效的文字動態圖片

成品展示

請按此連結

Read more

Syntax Highlighting 程式碼、語法高亮化產生器 § 替語法加入美觀的顏色

在寫網誌文章的時候,免不了需要在文章中貼上一些程式語法,很多人會採用CSS的方法來設計語法呈現的方式,基本上我也是這樣,不過再我未使用CSS時,我是採用「Online Syntax Highlighting for html」所提供語法高亮化的功能,幫助我將語法關鍵字加入適當的顏色,不僅美觀而且較容易閱讀,例如我之前的寫過的Mantis文章,就是採用這種方式。

官網:Online Syntax Highlighting for html 程式碼標亮產生器
Read more

GlowTxt 可愛風格的萌系動態文字產生器

網路上有很多動態文字圖檔的產生器,之前也有介紹過幾款,不過「GlowTxt.com」 這個產生器卻有著不同的風格,也不知道是不是網站設計的關係還是我自己的錯覺,整體的感覺就讓人覺得很可愛、有萌系的味道;話雖如此,本身網站提供的功能也非常不錯,除了有動態的文字特效之外,亦可製作透明背景的圖檔,還可以即時預覽在不同背景下的呈現情況。

Read more

LiveTyping 記錄輸入的字母,產生打字機特效的文字動態圖片

LiveTyping」是一個有趣的網站,它可以記錄我們輸入的文字,然後將此段文字轉換成一個動態圖檔(GIF),有著類似打字機的效果,個人覺得用它來做一些簽名檔,是個不錯的選擇,而且不需要什麼美工天份,製作速度也快,很像之前介紹過的「Fodey.com 動態文字圖片產生器」;不懂我說什麼的話,那先來看看下面測試的範例好了,該動態圖檔就是我輸入「Welcome to Jinn’s Blog.」後,LiveTyping幫我產生的成品。

Read more