Macaw
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 邊距值;
• 正確停用……
