關鍵應用
用EMail訂閱文章 用RSS訂閱文章 搜尋文章
˄

Snippet Shot 程式碼美化與擷圖免費線上工具

寫的程式碼如果需要請遠端的人協助,很多人乾脆就是拿起手機對螢幕所顯示的程式碼拍照就傳過去了,程式碼短又清晰還可以,如果相反,來來回回幾次,反而事倍功半,Snippet Shot 是個可將貼上的程式碼進行顏色落差美化,並產生 PNG 或 SVG 圖檔的免費線上服務,內建有多種程式語言的美化樣式,如果不滿意還可自行定義,該服務免註冊立即可用,產生的圖片檔也不會有該網站的相關浮水印。
ContentPhoto3378

繼續閱讀»»»

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

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

繼續閱讀»»»

線上 HTML、CSS、JavaScript 程式碼產生器,超多範例語法

網頁要碰到的技術,基礎大概有 HTML、CSS、JavaScript 等程式語法,對初學者而言,最快的上手方式,當然就是多參考別人寫的語法,什麼樣的效果搭配什麼樣的語法,Free Online HTML Code Generator CSS Code Generator JavaScript Code Generator 這個網站在 HTML、CSS、JavaScript、JQuery 四種語言,提供網頁常用物件像是 table、dropdown、iFrame、textbox、radio button、button...等等的語法產生器,透過參數的調整,就能取得該效果的相對應的語法,讓你馬上就能套用到網頁內,這對於還不熟或初學者來說,可說是最佳好幫手。
ContentPhoto2888

繼續閱讀»»»

HTML Table Styler 📅 CSS Generator 免費互動式的 HTML 表格與 CSS 線上程式碼產生器

對 HTML 的初學者來說,如果有 HTML 與 CSS 相關的工具來輔助入門,將可事半功倍,以網頁的製作來看,通常都少不了 table 與 div 的應用,如果要有些變化,就需要在色彩、框線、文字、背景等多加著墨,HTML Table Styler 📅 CSS Generator 是一個免費互動式的 HTML 表格與 CSS 線上程式碼產生器,透過操作方便的調整介面,就能產生出 Gradient、Box Shadow、Text Shadow、Color、Font、Table、Column Border、Border Radius、Transform、Background 各種樣式,每種均可產生 HTML、CSS Code,且可預覽,另外,針對 table 要改用 div 也提供轉換器,讓初學過程大幅減短,兼顧工作效率。
ContentPhoto2755

繼續閱讀»»»

Hilite.me 線上程式碼重新格式排版

對於初學寫程式的時候,常會參考別人的 Source Code 來增加自己的技巧,若取得的程式碼很亂,不易閱讀,可以複製貼到 Hilite.me 這個線上免費的程式碼重新格式排版的應用服務,常用的程式語言 C#、VBPHP、SQL、Java...等等均可支援,亦可為程式碼加入行數編碼,方便討論與尋找。
ContentPhoto1552

繼續閱讀»»»

Duplicate Code Finder 找出重複的程式碼(免安裝)

程式設計師通常會有寫完就忘記的困擾,常常寫程式碼會有似曾相識的感覺,可能在某個版本裡寫過,卻又找不到,這時候趕快來試試 Duplicate Code Finder 這套幫你找出重複程式碼的免費工具,重複的程式碼應該可以寫成 Function 以便在其他設計單元裡可以方便應用與除錯,精簡程式碼亦可保持良好的閱讀性與維護程式碼的容易性。Duplicate Code Finder 支援的程式語言如下:
 

  • Basic (z.B. Visual Basic, Visual Basic.NET)
  • C (z.B. C++, C++.NET oder C#)
  • Pascal (z.B. Object Pascal)
 ContentPhoto1274

繼續閱讀»»»

搜尋文章