Pure CSS Menu Maker 利用 CSS 樣式表,做出網頁的下拉階層選單

Pure CSS Menu Maker 利用 CSS 樣式表,做出網頁的下拉階層選單

如何在 Web 網頁內也可以使用像 Windows 應用程式內階層選單,將網頁內的功能進行歸類,方便使用者呢?方法很多,若是透過 ASP.net 可使用裡面的控制項元件,也可以使用 jQuery、JavaScript ,也可以使用 DHTML ...等,若是不想這麼麻煩,可以試試這套 Pure CSS Menu Maker 免費軟體,來產生純 CSS 樣式的下拉式選單。

Responsinator.com 測試網頁在不同解析度所呈現的樣子

Responsinator.com 測試網頁在不同解析度所呈現的樣子

現在想要寫一個網站要注意的事項越來越多了,除了 HTML、CSS、JavaScript 等技術都不斷的更新外,還需要考慮每個瀏覽器的特性,加上現在各種螢幕解析度的提高,行動裝置更是當道,想要寫出通殺的網頁還真是不簡單,光是要準備測試的工具就需要花點時間。Responsinator.com 這個網站提供了網頁在各種不同的解析度網頁所呈現的樣子測試,使用方式簡單,只需要給出測試網址,便幫你把網頁含 iPhone、 iPad 在內的不同解析度展現出來

Runfield 好玩的狐狸跳躍遊戲

Runfield 好玩的狐狸跳躍遊戲

Runfield 狐狸跳躍遊戲,是一個 HTML 5 的應用,因此必須使用對 HTML 5 支援度佳的瀏覽器像是 IE9、Chrome、FireFox 等瀏覽器才可以玩,遊戲規則很簡單,當碰到狐狸所經過路線有坑洞時,按下鍵盤的空白鍵,便能使狐狸向上跳躍,跳過那個坑洞,遊戲時速度會越來越快。

Sheet2data 將「Google 試算表」內的資料轉成 HTML、JSON 或 CSV 資料格式的免費線上服務

Sheet2data 將「Google 試算表」內的資料轉成 HTML、JSON 或 CSV 資料格式的免費線上服務

編輯好的「Google 試算表」,如果要將其資料匯出成其他檔案格式,內建就有 xlsx、odt、PDF、HTML、csv 及 tsv 等資料格式可供選擇下載,而 Sheet2data 這個網站主要就是在協助使用者讓已共享的 Google 試算表透過網址參數的變化來產生 HTML、JSON 或 CSV 的資料格式,並可以指定試算表內的 Sheet、Range,甚至可以使用 SQL query 來取特定資料,該服務完全免費且免註冊即可使用。

Simple Sharing Buttons Generator 社群網站分享按鈕,HTML + CSS 線上產生器

Simple Sharing Buttons Generator 社群網站分享按鈕,HTML + CSS 線上產生器

在社群網站當道的時代,多數的網站都免不了要向其靠攏,在自家網頁上擺上社群網站的分享按鈕,方便使用者可快速地分享。想要在網頁上放置社群網站的分享按鈕,最快速的方法莫過於使用 Simple Sharing Buttons Generator 這個 HTML + CSS 線上產生器,只要挑選好所要的風格與所需的社群網站,再依序回答幾個問題,便能快速產生出分享按鈕的語法,方便你在網頁上的應用。

SIW (System Information for Windows) 功能齊全的 Windows 軟、硬體及網路檢測工具(繁體中文版)

SIW (System Information for Windows) 功能齊全的 Windows 軟、硬體及網路檢測工具(繁體中文版)

SIW (System Information for Windows) 是一套 Windows 系統專用的電腦系統資訊檢測工具,SIW 能夠將電腦內已安裝的軟體及硬體和網路資料,完整且詳細的列出,包含電腦內已存密碼、驅動程式資料、晶片序號、製造廠商、產品型號等各項細部資料都會顯示,還會顯示目前開機多久,也可以查詢系統內的軟體序號,像是 Office 序號或者是Windows XP/Vista/7 序號等,並且提供 CSV、HTML、 TXT、XML格式的報表產出,另外 SIW 也提供了一些實用的系統小工具,是相當好用的系統檢測工具。

Sketch2Code 使用 AI 將手繪設計稿轉換成 HTML 程式碼

Sketch2Code 使用 AI 將手繪設計稿轉換成 HTML 程式碼

需求分析是系統開發成敗的關鍵,系統分析師與客戶溝通時,如果可以拿出接近客戶心目中的實際系統操作雛形,相信會比用文字描述來的容易溝通,如果要將溝通時產生的手繪草稿圖利用 HTML 程式碼來呈現,讓客戶可以模擬操作,藉此確定系統規格,這對日後的系統驗收也有一定的幫助,Sketch2Code 是由 Microsoft 的 Azure 雲平台和Azure Cloud AI Web 服務支援,結合人工智慧、OCR 等各項技術,將任何的手繪設計稿件轉成 HTML,方便夥伴協同與客戶溝通。

SpeedCode 針對程式設計師所設計的打字訓練

SpeedCode 針對程式設計師所設計的打字訓練

無論中、英文打字,只要多練習,速度就會越來越快,相對的,如果常接觸的的是有固定的職業類別,例如像是文書編輯、即時通訊或是程式設計師,常用的按鍵就是那幾個,多用自然就熟練,熟練就可以開始練速度。SpeedCode 是一個針對程式設計師所設計的打字訓練免費 Web 服務,支援 C、C#、C++、 HTML、CSS、Ruby、Java、JavaScript、PHP、Python、Perl、Haskell 等程式語言的語法格式訓練,範本就是該程式語言的語法結構,透過鍵盤的字母導引,可讓你越發熟練。

Glyphter 超酷線上應用,將 SVG 圖片變成用鍵盤就可敲出的字形

Glyphter 超酷線上應用,將 SVG 圖片變成用鍵盤就可敲出的字形

想要在鍵盤敲出中文、英文的不同字體,通常都是安裝已製作好的字型檔案,而特殊符號則可以利用內建在 Windows 內的「輸入法整合器」或是參考 HTML character codes 來打出,而這個 The SVG Font Machine | Glyphter 線上網站,則提供鍵盤對應 SVG 圖片轉出字形安奘檔的免費應用,不論你寫出什麼字、畫出什麼樣的圖形,只要是 SVG 的檔案類型,就可以將其匯入到線上系統,透過鍵盤的對應,製作出字形安裝檔,再安裝到 Windows 作業系統內,當要應用時,就可以利用鍵盤直接敲出,免去找來找去的麻煩。

TABLEIZER! 將 Excel 試算表中的資料轉為 HTML 網頁的免費網站服務

TABLEIZER! 將 Excel 試算表中的資料轉為 HTML 網頁的免費網站服務

想要將 Excel 表轉成 HTML 格式,以利應用到網頁中,雖說微軟的 Excel 本身也帶有這項功能,不過所轉出的程式碼會加入很多專屬微軟識別的程式碼,不利應用,若你有此需求,可以來試試 TABLEIZER! 這個可將 Excel 試算表中的資料轉為 HTML 網頁的免費網站,免註冊,只要複製資料表 > 貼到該網站,就能輕鬆幫你轉成標準的 HTML 程式碼,另外可自訂字型種類、大小及標頭顏色,後續相當好應用。