目前分類：小工具 (4)

瀏覽方式： 標題列表 簡短摘要
 

1. CodeSandbox (基於 React 的在線代碼沙盒平台) 我常用的

(繼續閱讀...)

S 發表在 痞客邦 留言(0) 人氣()

▲top
梅問題－《CodePen》開啟瀏覽器就可開發網頁(Jade、SCSS、jQuery)
　　現在開發網頁愈來愈複雜，技術也愈來愈多元，所以現在也很少使用Dreamweaver了，幾乎都是用Sublime Text來開發，透過Sublime可開發各式各樣語言，無論是要寫SASS、LESS、Jade....都沒問題，但前題下就得自行手動安裝這些套件，才能開始感受到這些框架的便利性，但現在有個更簡單的方法，免安裝任何東西，只要打開瀏覽器，立即就可體驗到SASS、Jade的寫法，因此想了解SASS、Jade的寫法的朋友，現在也一塊來看看囉!
(繼續閱讀...)

S 發表在 痞客邦 留言(0) 人氣()

▲top

今天介紹這工具可說是在 Web 界非常實用的線上編輯器，編輯什麼呢？就是 HTML, CSS, JavaScript 這些東西啦。以往為了要展示或分享一些 JavaScript 的功能或 CSS 樣式，必須要架設一個網站放這些檔案才能讓其他人知道這東西執行後的結果，但 jsFiddle 的出現可謂是佛心來的，幫我們「代管」這個程式碼在「雲」上，讓我們可以將任意網頁內容放上去測試、驗證、存檔、分享。

像我在前年分享過一個 jQuery 的題目《如何透過 jQuery 進行表格內容數據的垂直加總與水平加總》就非常適合放上 jsFiddle 來執行，讓所有人直接點擊我預先儲存好的 HTML , CSS , JavaScript 內容就能讓所有人看到執行結果。 [ 如下圖的網址在此：http://www.jsfiddle.net/pBcng/ ]

(繼續閱讀...)

S 發表在 痞客邦 留言(0) 人氣()

▲top

image

之前都沒有仔細研究 FireBug 的使用方式，僅用這篇文章來紀錄之。

(繼續閱讀...)

S 發表在 痞客邦 留言(0) 人氣()

▲top