HTML to Jade 線上Jade轉換平台,一鍵將HTML碼變成Jade

梅問題-HTML to Jade線上一鍵將HTML轉換JADE碼
  剛已分享Jade的基本用法,應該可以感受到Jade神奇與好用的地方了吧!再配合它的Extends與Include來製作網頁時,只能說超方便,但對於剛開始接觸Jade的朋友,有時可能一些html的原始碼,不知怎改寫成Jade,或是要將手邊的html改寫成Jade,這時不妨可透過這個平台,來將html轉換成Jade,如此一來就能無痛接軌,同時還可將手邊的專案變成Jade,無論是日後的維護還是修改都很方便,因此也準備跨入Jade的朋友,這個平台千萬別錯過了。

HTML to Jade converter
網站名稱:HTML to Jade converter
連結網址:http://html2jade.aaron-powell.com/

Step1
進入網站後,將要轉換的htmll碼,直接貼在左邊的輸入框中。
梅問題-HTML to Jade線上一鍵將HTML轉換JADE碼
Step2
接著再按下方的綠色箭頭。
梅問題-HTML to Jade線上一鍵將HTML轉換JADE碼
Step3
這時右邊就會產生Jade的碼,再將Jade碼貼回自己的專案中即可,是不是超方便的呀!有了這平台,讓學習Jade更無障礙。
梅問題-HTML to Jade線上一鍵將HTML轉換JADE碼

延伸文章

JADE基本使用教學:規則、文字、繼承、匯入、函式寫法

JADE基本使用教學:規則、文字、繼承、匯入、函式寫法

網設必備《Prepros》免再安裝其它軟體即可編譯Jade/SASS

網設必備《Prepros》免再安裝其它軟體即可編譯Jade/SASS

《CodePen》開啟瀏覽器就可開發網頁與即使預覽(jade、SCSS、jQuery)

《CodePen》開啟瀏覽器就可開發網頁與即使預覽(jade、SCSS、jQuery)

網設必學《Jade》網頁HTML快速產生器(Sublime Text2)

網設必學《Jade》網頁HTML快速產生器(Sublime Text2)


相關文章

「100+ ET-Line Icons」用膩了扁平圖示嗎?改用線稿圖示簡潔又具設計感

「100+ ET-Line Icons」用膩了扁平圖示嗎?改用線稿圖示簡潔又具設計感

「CSS3:target選擇器」免程式!純CSS就可實現Tab頁籤式的互動切換

「CSS3:target選擇器」免程式!純CSS就可實現Tab頁籤式的互動切換

Bootstrap教學-「Bootstrap Navbar導覽列強化!」支援多層級下拉選單

Bootstrap教學-「Bootstrap Navbar導覽列強化!」支援多層級下拉選單

jQeury外掛「imagesLoaded」解決瀑布流圖片未載入完造成區塊覆蓋問題

jQeury外掛「imagesLoaded」解決瀑布流圖片未載入完造成區塊覆蓋問題

Bootstrap教學-「Bootstrap+Masonry」讓網格系統也支援瀑布流排版

Bootstrap教學-「Bootstrap+Masonry」讓網格系統也支援瀑布流排版





回應本篇 »

(姓名)*必填
(信箱)*必填
(網站)

※PS: 因梅干時間有限,教學網中所分享的主題繁多(所遇狀況也很多),可能無法一一回答各位,不便之處還請見諒。
※PS: 本教學網不提供「破解檔」、「註冊機」或「註冊碼」等資訊,請勿利用留言索取檔案。

近期講座

2017 (二月講座)

更多講座