HTML.cafe 線上 HTML 編輯器,即時呈現 HTML 及 CSS 語法變化

HTML.cafe 線上 HTML 編輯器,即時呈現 HTML 及 CSS 語法變化

寫好的 HTML 及 CSS 通常必須存檔,然後由瀏覽器去執行,這一來一回的動作可能要經過無數次,相當浪費時間,HTML.cafe 是個線上 HTML 編輯器,所敲進去的 HTML 及 CSS 語法,會即時反應在呈現欄中,免去存檔後,再到瀏覽器執行的過程,這對初學者或是需要測試 HTML 語法或是 CSS 排版效果絕對是個好幫手。

HTML5 Games 免 Flash 就可以玩網頁遊戲

HTML5 Games 免 Flash 就可以玩網頁遊戲

自從 HTML 5、WebGL等網路標準越趨成熟後,Adobe 也計畫將讓 Flash 在 2020年底退場,不再更新及發行 Flash Player,緊接著 Google、Mozilla 及微軟等多家大廠也宣布旗下瀏覽器產品將終止對 Flash 的支援時間表,因此,曾經在網路上紅極一時的遊戲,陸續被下架,如果還想玩,可以來 HTML5 Games 這個網站,該網站將遊戲區分成麻將、紙牌、智力、技巧、經典...等類型,每個類型下都有不少的遊戲像是跳棋、五子棋、俄羅斯方塊...等等可供選擇,完全不需要 Flash Player 的外掛支援就可以玩。

HTML5 photo editor 線上免費照片編輯服務

HTML5 photo editor 線上免費照片編輯服務

若想對照片做一些簡單的編修時,可以試試這個 Aviary 所免費提供的相片編輯服務,HTML5 Photo Editor 提供了不少線上工具,像是圖檔的基本編輯工具調整尺寸、剪裁、旋轉、翻轉、紅眼、飽和 / 亮度 / 對比調整及文字等等功能,並提供加入相框、Toy Camera 的 LOMO 風格、Old Photo 及 Retro 四種效果可直接套用。相關線上服務,還可以參考:Photoshop Express Editor 讓你直接用線上免費的 Photoshop

i2style 線上製作 CSS 網頁按鈕

i2style 線上製作 CSS 網頁按鈕

想要製作不透過圖片又可應用在網頁上的純 CSS 按鈕,對很多人來說可能是件難事,若是有這個需求,可以來試試 i2style 這個樣式豐富的純 CSS 按鈕產生器,簡單好用,支援中文輸入,可自訂按鈕大小、陰影、背景、文字顏色與大小、圓角...等,製作好的按鈕,除了產生 CSS 語法,還將 HTML Code 都附上,讓你方便後續的應用。

i2Symbol 豐富且實用的特殊符號表

i2Symbol 豐富且實用的特殊符號表

相較於以往常見的線上特殊符號表服務,i2Symbol 所提供的特殊符號可是豐富太多了,不但做了符號分類,方便你找想要的特殊符號,連常用的文字表情符號都幫你建立好放進去了,並且提供 HTML Code,而使用方式也相當簡單,就是選好後,複製再貼上即可,同樣的適用在支援 HTML 的文字編輯器,像是 Word、MSN、Facebook、Twitter、Plurk...等。

IcoFont 提供超過 2100個圖示字型免費使用

IcoFont 提供超過 2100個圖示字型免費使用

圖示的表達會比文字描述更乾淨俐落,就像 line 會將一些輸入的詞語轉成圖示來表示一樣,而在網頁中如果要使用圖示表達像是鈴鐺、電子郵件或是分享按鈕,傳統的做法可以使用圖片,也可以使用 SVG 向量圖檔,然而最簡便的方式還是使用圖示字型。
GoogleFont Awesome 均有提供可免費運用到網頁內的圖示字型,而 IcoFont 也是如此的應用,其提供超過 2100個圖示,透過 CSS 的引用,使用者就可以使用 Markup、Hex 或是 HTML Entity 語法來成呈現圖示,另外,每個圖示亦提供 SVG 向量圖型下載,讓應用更為全面。

Iconpie 快速產生適用於 Web、Android 及 Apple App 各種圖示尺寸

Iconpie 快速產生適用於 Web、Android 及 Apple App 各種圖示尺寸

對架設網站,寫 Android、Apple App 的初學者而言,實在很難在各方面做到面面俱到,以架設一個網站而言,除了要懂 HTML、CSS、JavaScript、Database 及一個程式語言像是 ASP.Net 或是 PHP 等,甚至也還要有基本的網路運用概念,然後加上美工,負擔不小,因此,有些工作我們可以交給線上工具來完成,像是各類應用程式要使用的 ICON,而 Iconpie 這個網站,就是一個可以協助使用者快速產生適用於 Web、Android 及 Apple App 各種圖示尺寸的免費工具,用戶僅需要上傳要做成圖示的圖片( png/gif/ jpg )就幫你產生,快速又方便。

Internet Explorer 9 繁體中文正式版

Internet Explorer 9 繁體中文正式版

微軟的 Internet Explorer 9.0 網路瀏覽器正式版推出,提供了 GPU 硬體加速機制,全新的 JavaScript 引擎,也全面改善軟體運作效能,讓 IE 9.0 在瀏覽網頁時,擁有高流暢度與網頁的展示速度,不但軟體啟動速度更快,操作介面也改得更簡潔、好操作,且在網址列除了原本可以打網址、開網頁之外,還可以直接當搜尋引擎使用;在安全性的加強方面也加入反制隱私權洩密的「追蹤保護」、「ActiveX 篩選」與更完善的附加元件管理功能…等;IE9 支持最新的 HTML5、CSS3、SVG 和 DOM L2&L3...等;不過這麼多、這麼好的功能只能應用在 Windows 2008 Server、Vista 或 Windows 7 的作業系統上,似乎可惜了些。

IE Tab 在 Google Chrome 瀏覽器中使用微軟的 IE 瀏覽器 - Chrome 瀏覽器擴充功能

IE Tab 在 Google Chrome 瀏覽器中使用微軟的 IE 瀏覽器 - Chrome 瀏覽器擴充功能

Google 所推出的 Chrome 網際網路瀏覽器是很多人喜愛使用的瀏覽器,不過瀏覽某些網站尤其是企業行號所架設的網站時,通常會看到有網頁排版亂掉,原因在於這些網站當初就是以 IE 瀏覽器為主開發,完成後也欠缺維護人員,未能更新過時的 HTML 或 CSS 語法,若要能夠在 Chrome 瀏覽器也能看到正確的網頁排版時,可以安裝 IE Tab 這個 Chrome 瀏覽器擴充功能,讓你直接就可以在 Chrome 瀏覽器中開啟微軟的 IE 瀏覽器,免去需要開啟 2種瀏覽器又拖慢電腦回應速度。

如何讓「Google 雲端硬碟」內的圖片可以連結到網頁顯示?

如何讓「Google 雲端硬碟」內的圖片可以連結到網頁顯示?

存放在 「Google 雲端硬碟」內的圖片即便是將「共用」設定成「知道連結的任何人」,藉此取得圖片的 URL 連結,依然無法使用 img src 的 HTML 語法顯示在網頁,那麼,要如何才能將該圖片其呈現到網頁上呢?我們可以透過 Image Host Company 這個網站,免費將「Google 雲端硬碟」內圖片的「共用」網址,轉換成可供網頁連結圖片的 HTML 語法,如此一番操作,就如同架設網站因網路流量或儲存空間不足所衍生出的圖床服務。

imghut 免費圖片分享空間 可直接嵌入網頁使用

imghut 免費圖片分享空間 可直接嵌入網頁使用

imghut 網站所提供的服務與imgur.com一樣,均屬無儲存空間及流量限制的免費圖片空間,但使用 imghut 需要先註冊、取得帳號才能夠登入上傳圖片,既然有帳號就可管理圖片,imghut 可自建分類資料夾、圖片上傳時還可以裁切、設定自動刪除時間,並提供圖片 Direct links、Full image、Full image (linked)、Medium image (linked) 及 Thumbnail image (linked) 的 HTML、BBCode 與 Markdown 鏈結語法,複製貼到網頁就可以使用。