converseen 將圖片批次轉換超過 100種格式與調整尺寸的免費工具

converseen 將圖片批次轉換超過 100種格式與調整尺寸的免費工具

converseen 是一套可將圖片批次轉換與調整圖片尺寸的免費工具,支援轉換的格式包含 DPX、EXR、GIF、JPEG、JPEG-2000、PDF、PhotoCD、PNG、Postscript、SVG、TIFF 等超過百種,且調整尺寸的部分也與以往常見的固定尺寸不同,converseen 則提供了可使用百分比與固定尺寸的兩種調整方式,有需要的朋友可以試試。

CSS Button Designer 輕鬆製作網頁使用的按鈕樣式

CSS Button Designer 輕鬆製作網頁使用的按鈕樣式

想要在網頁上對「Button - 按鈕」進行樣式調整,通常會使用背景圖片或是使用 CSS 來調整按鈕的外觀,若要加上當滑鼠移到按鈕的上方或是離開,也會使用 Javascript 來加上,若對繪製這些圖片、Javascript 都不是很熟悉的話,還是要花一些時間來製作,若是偶而用用,建議可以到 CSS Button Designer 這個免費的按鈕樣式產生器來製作,除了可使用 CSS 改變按鈕樣式,也提供滑鼠移到按鈕的上方或是離開時的 Javascript ,製作完成後,直接複製所產生的 Code 便可應用的網頁裡,相當方便。

CSS WAND - CSS 動畫免費應用

CSS WAND  - CSS 動畫免費應用

如果網頁要使用一些動畫圖示,例如滑鼠移動按鈕上方,按鈕的形狀會改變或是等待時常見到的 loading 動畫圖示,這些在以往可能需要 JavaScript 或是 gif 圖片來協助實現,而現在你也可以單純利用 CSS 語法就可辦到,CSS WAND 提供 Hover、Loading 類型的 CSS 動畫,只要複製該範例的 CSS 語法,就可以將範例應用到自己的網頁,相當方便。

如何用 CSS 做出滑動開/關切換按鈕?

如何用 CSS 做出滑動開/關切換按鈕?

在 Windows、Android、IOS 或是網頁上經常都可以看到滑動型的開/關切換按鈕,如果自己在網頁上要做出如此效果的按鈕,免用 Javascript 就可以辦到,proto.io 網站提供滑動開/關切換按鈕 CSS 語法產生器,透過介面輸入所需條件,便可產生 CSS 語法,方便你應用在網頁上。

littlesnippets.net 免費取得 CSS、JavaScript 動畫效果程式碼

littlesnippets.net 免費取得 CSS、JavaScript 動畫效果程式碼

寫網頁時難免會有需要一些動畫效果,例如當滑鼠指標在按鈕、圖片、功能表上或離開時,或是希望做出具有專業水準個人檔案、新聞、產品卡時,如果是初學者想要從無到有,可能需要花費較長時間,要是可以參考別人已做出的效果,取得其程式碼再來修改成自己想要的效果,這樣才能事半功倍。littlesnippets 這個網站提供按鈕、圖片、Logo、News Card、Menu、Profile Card ....等各式各樣的 CSS + JQuery 效果,且每個都有效果展示,更提供 HTML、CSS、JQuery 完整的範例程式碼,用戶只需取得這些程式碼,稍加修改,就可以在自己網頁呈現,相當方便。

angryTools CSS Animation Kit 純 CSS 語法動態特效產生器

angryTools CSS Animation Kit 純 CSS 語法動態特效產生器

寫網頁時,當需要應用一些特效,例如標題文字會閃動、旋轉等,以吸引讀者的注意,很多人都會考慮使用 JavaScript 來實現,如果要透過 CSS 來呈現,對 CSS 語法不熟悉,則變成是一個困擾,即便寫出,還要考慮各大瀏覽器的支援程度。angryTools 網站提供 CSS Animation Kit 產生的文字特效,支援 Edge、Chrome 主要瀏覽器,選好效果可立即檢視與產生 CSS 語法,複製即可使用,簡單方便。

CSS3 Animation 套用 CSS 3 動畫語法範本,就讓網站輕鬆動起來

CSS3 Animation 套用 CSS 3 動畫語法範本,就讓網站輕鬆動起來

以前想要讓網頁有動畫效果,多數要靠 JaveScript、GIF 或是 Flash,而現在則可以透過 CSS 3,不過想要透過 CSS 3 語法來做動態特效,其學習門檻著實不低。但若只想在網頁放一些較為簡單的特效,可以來參考 CSS3 Animation 這個網站所提供的 CSS 3 動畫語法免費範本,下載後,只要經過簡單的語法加工,就能套用範本,讓自己的網頁輕鬆動起來。

Da Button Factory 線上網頁按鈕產生器

Da Button Factory 線上網頁按鈕產生器

Da Button Factory 是一個可以在線上製作網頁按鈕的免費產生器,所產生的網頁按鈕會包含已使用的背景圖片(PNG、GIF、JPEG、ICO)及相對應的 CSS 程式碼可供下載,讓你方便應用在網頁上;Da Button Factory 可讓使用者自訂所要產生網頁按鈕的樣式,亦可參考所提供的網頁按鈕範例再行修改,讓你幾乎不需要有任何美工的技巧,就能輕易做出有水準網頁按鈕。

DevDocs - Web 開發者必備的線上文件手冊

DevDocs - Web 開發者必備的線上文件手冊

對於要開發 Web 應用程式的初學者而言,要學的範圍很廣,最基礎的就有 HTML、JavaScript 與 CSS,若是還想結合資料庫,那可能還會選擇 PHP 或是 ASP.NET 等的開發工具來搭配所選的資料庫,因此,就基礎來說,一套有系統的整理各語法的使用方法與使用範例,絕對是初學者最快入門的方式。DevDocs 整理出 HTML、CSS、JavaScript、DOM、DOM Event、HTTP 等 Web 開發必須用到的各種語法並配上使用範例,縮短你在 Web 開發上摸索的時間與加快學習的腳步。

Diffchecker 線上找出文字內容的不同處

Diffchecker 線上找出文字內容的不同處

要找出兩個文字檔內容的不同處,尤其是那種落落長又有版本之分例如可用記事本開啟的程式語言、腳本之類的,像是 CSS、Javascript、HTML...等等,程式設計師有時為了比對出與上次版本的差異處,常常要用掉不少眼力,如果可以透過文字比對工具來進行,絕對可以事半功倍且精準,Diffchecker 這個網站除了有提供 Excel、PDF及圖片的比對工具外,還有提供線上文字比對工具,使用者只需貼上兩段文字,便會用顏色標示出兩者之間的不同處,方便使用者來查看。

EclipseCrossword 英文填字遊戲產生器

EclipseCrossword 英文填字遊戲產生器

填字遊戲不管是國字或是英文單字大家幾乎都有玩過,不過遊戲的難易度,不見得都適合每個人,EclipseCrossword 則是一套免費的英文單字填字遊戲產生器,可輸入適合程度的單字,就能幫你產生出填字遊戲的方格,並可產出以 JavaScript 為主的互動式 Html 網頁,並可列印出「空格+線索」,當然還有一份解答,另外也可儲存為 RTF 格式與 WMF 等格式。

emnu 步驟可視化的線上 C++ 編譯器

emnu 步驟可視化的線上 C++ 編譯器

「程式設計」已被明訂在十二年國教課綱的科技領域內,成為必修課程,其學習內容分為「演算法」、「程式設計」、「系統平台」、「資料表示、處理及分析」、「資訊科技應用」以及「資訊科技與人類社會」等六大面向,而在程式設計這塊,光是程式語言就有相當多種,但屹立不搖的大概就只有 C、C++、JAVA,網頁用的 PHP、JavaScript 等這幾種,但一法通、萬法通,不論程式語言出多少種,只要扎扎實實學好一種,其他的大概也能通個5、6成,剩下的就是各個語言上的限制了,想要學程式設計,看別人的程式碼相當有用,如果能自己實作更能融會貫通,emnu 是個免費的線上 C++ 編譯器,非常適合初學者及需要有步驟值的程式碼來這裡執行,例如寫了個迴圈,想要看迴圈內各變數的變化,emnu 就能幫你輕鬆實現,免去逐步 trace 過程。