Macaw

Macaw

· v1.0.12 免費

Macaw 1.0.12 — 提供與您最愛的影像編輯器相同的彈性,同時產生語意化 HTML 與極為簡潔的 CSS。

軟體介紹

停止撰寫程式碼,開始繪製網頁。Macaw 提供與您最愛的影像編輯器相同的彈性,同時產生語意化 HTML 與極為簡潔的 CSS。是時候對網頁設計工具提出更高的期待了。

流暢畫布與網格:Macaw 專為流體寬度(fluid width)而設計。調整畫布大小時,網格與元素會隨之自動更新。

響應式斷點(Responsive Breakpoints):針對不同裝置尺寸進行設計頗具挑戰性。Macaw 讓您可自由定義任意斷點,並針對該特定寬度微調屬性設定。

豐富字型支援:Macaw 讓您存取系統內建字型、完整的網路字型圖書館,甚至支援匯入 Typekit 字型。此外還提供實用的排版計算功能,例如「每行字元數」。

互動性:在 Macaw 中建立可點擊的原型,只要簡單點選目標即可完成,但這僅是起點。您還能透過「腳本調色盤(scripting palette)」加入更動態的互動行為。Macaw 甚至會自動為您產生範本與 jQuery 變數。

以更少,設計更多:

全域樣式(Global Styles):Macaw 讓您儲存常用樣式,以便快速套用至文件中的各個元素。一旦套用,您即可透過樣式編輯器一次更新全部相關元素。

可重複使用的元件與資源:有個複雜的元件需要在多個頁面中重複使用?Macaw 讓您將其儲存為「元件」放入資源庫,並直接拖曳至專案中的任何其他頁面。

新功能(版本 1.0.12):

• 改進 DOM 排序演算法;

• 大幅提升執行速度;

• 改善所有斷點下新繪製元素的處理效能;

• 優化版面配置機制,確保所有斷點下元素定位維持一致。

新功能:

• 現可在檢查器(Inspector)中設定 ID,便於透過腳本定位元素,或建立頁面內錨點連結;

• 新增「全寬群組化(Full-width grouping)」功能,可強制為所選元素建立一個寬度為 100% 的新容器。

錯誤修正:

• 改善所有斷點下的居中碰撞處理;

• 正確處理索引超過 10 的新斷點;

• 實現作用範圍限定的吸附輔助線(Scoped snap guides);

• 防止隨機出現 NaN 邊距值;

• 正確停用……

截圖預覽

Macaw 截图