您是否曾經希望有一個網絡應用程序或擴展程序可以讓您即時創建和共享 UI 原型?
大家都這樣做! 我們都對網站或應用程序的外觀和感覺有自己的想法。
那麼,您想出了一個非常出色的設計,但不太記得具體是如何做到的?
現在你必須找到一種方法來分享它。 如果您嘗試共享相當複雜的設計,這可能需要幾天甚至幾週的時間。
沒有理由等待製作您的網絡應用程序原型。 立即使用 Dabblet 創建它們。
拖放元素、樣式並保存。 將其發送給設計師進行審閱或直接將其複製到演示文稿中。 可能性是無止境。
什麼是達布萊特?
運用 達伯特,您可以實時嘗試 CSS 和 HTML 代碼的小片段。
使用此功能時,您的 CSS 代碼中不需要任何前綴。 GitHub gists 允許您存儲內容、將其發佈到其他網站並與其他人共享。
這是與其他開發人員共享代碼片段並獲取反饋的好方法。
它是如何運作的?
一旦輸入代碼,視覺輸出就會立即在其頂部可見。 JavaScript的 是唯一的例外,考慮到每次擊鍵都運行它會很煩人,甚至可能導致瀏覽器在某些情況下無法使用。
使用 JavaScript 選項卡中的“運行 JS”選項或鍵盤快捷鍵(Ctrl + Enter 或 Cmd + Enter)將在 Dabblet 運行時運行 JavaScript。 選項菜單允許您更改此樣式。
作為開發人員,您可以同時在所有這三種語言的編碼之間切換,或者查看成品。
功能
以下是您應該了解的 Dabblet 功能:
快速 CSS 編輯: 您可以快速添加、編輯和刪除 CSS 屬性。 更改將實時反映在頁面上。
語法高亮: CSS 和 HTML 代碼的語法突出顯示,使其易於閱讀和理解。 當您鍵入時,該代碼也會得到驗證。 如果您願意,還可以選擇隱藏代碼框。
自動完成: Dabblet 提供 CSS 屬性和值的自動完成功能。 當您創建或編輯樣式表時,這非常有幫助。
預建 CSS 樣式表: 您可以從熱門網站訪問預構建的 CSS 樣式表。 這些可用於快速輕鬆地向您自己的網站添加樣式。
要點支持: Dabblet 支持 GitHub Gists,讓您可以輕鬆存儲並與他人共享您的代碼片段。
實時預覽: 您可以實時查看代碼更改的結果,而無需重新加載頁面。 例如,如果您更改文本的顏色,您將在鍵入時看到更改反映在文本上。
鍵盤快捷鍵: Dabblet 具有用於常見任務的鍵盤快捷鍵,例如添加新的樣式規則或註釋。
多種視圖模式: Dabblet 提供多種視圖模式,使您可以並排或上下查看代碼和結果。
優點
- 快速CSS
- 即使您已登錄,您仍然可以隱身保存。
- 用於各種參數(如角度、顏色、持續時間等)的內聯 CSS 值預覽器。
- 一切都是 XHR 編輯的,因此頁面永遠不會刷新,即使在您保存時也是如此。
- 鍵盤快捷鍵豐富。
- 所有代碼都是自動格式化的(Markdown 除外)。
- 從一開始就提供可靠的文檔。
缺點
- 該界面一開始有點讓人不知所措,但你會習慣的。
- 還沒有項目級管理功能。
涉足集成
任何平台都需要與其他服務集成,Dabblet 也不例外。 以下是 Dabblet 提供的一些集成:
Google Analytics
您可以輕鬆地將 Google Analytics 跟踪代碼添加到 Dabblet 頁面。 這將允許您跟踪 Dabblet 的頁面瀏覽量和其他統計數據。
Ubuntu
Dabblet 可用於創建 Ubuntu 主題。 您可以創建新的 Dabblet,添加 CSS 和 HTML 代碼,並在 Web 瀏覽器中預覽主題。
DigitalOcean
一家獨一無二的雲託管公司為企業提供雲計算服務,使他們能夠更有效地發展業務。
Dabblet 用它做什麼?
您現在可以創建、管理和部署您的 Dabblet 數字海洋空間。
這使您可以將所有代碼片段保存在一個位置,並可以輕鬆地與其他人共享它們。
Dabblet 的替代品
替代方案總是存在的,同樣,在涉及 Dabblet 時,以下是一些值得人們思考的方案:
Pastebin.com
程序員一般使用網站來保存源代碼或配置數據片段。 但是,任何人都可以將任何文本放入所提供的空間中。
JS斌
JS Bin 是一個免費的 JavaScript 測試工具。 一旦在一個窗格中輸入 JavaScript 並在另一個窗格中輸入 HTML,結果就可以通過短 URL 共享。 利用菜單,您可以從一些最常用的 JS 庫中進行選擇。
CSSDeck
該工具非常適合創建測試用例並與可以幫助您進行編碼工作的其他人交換測試用例。 通過各種選項,您甚至可以立即與其他程序員協作處理項目。
柱塞
Plunker 是一個數字平台,網絡開發人員可以在這裡集思廣益、協作並分享他們的想法。
例如,您可以從“Hello, world!”開始。 使用任何語言進行編程並添加代碼片段、標記和屏幕截圖以創建豐富的學習體驗。
結束語
總之,Dabblet 對於 Web 開發人員來說是一個有用的工具,尤其是那些尋找快速、輕鬆的方法的開發人員 測試他們的代碼。
憑藉其各種功能和集成,很難不找到該平台的用途。
今天就嘗試一下吧!
發表評論