Macaw

コードを書くのをやめ、描画による設計を始めましょう。Macaw はお気に入りの画像編集ソフトと同程度の柔軟性を提供するとともに、セマンティックな HTML および極めて簡潔な CSS を自動生成します。ウェブデザインツールにも、より高い機能が求められる時代です。

フリュイド・キャンバスとグリッド

Macaw はフリュイド幅（レスポンシブ幅）を前提に設計されています。キャンバスサイズを変更すると、グリッドおよび要素がそれに応じて自動的に更新されます。

レスポンシブ・ブレークポイント

異なるデバイスサイズ向けのデザインは難しいものです。Macaw では任意のブレークポイントを定義でき、その特定の幅に対してプロパティを微調整できます。

豊富なタイポグラフィ機能

Macaw ではシステムフォント、充実したウェブフォントライブラリに加え、Typekit フォントのインポートも可能です。さらに「1 行あたりの文字数」などの便利な計算機能も提供します。

インタラクティブなプロトタイピング

Macaw でクリック可能なプロトタイプを作成するのは、ターゲットをクリックするだけの簡単操作です。しかし、それだけにとどまりません。スクリプトパレットを使えば、さらにダイナミックなインタラクションを追加できます。Macaw はテンプレートや jQuery 変数を自動生成することも可能です。

少ない作業で、より多くのデザインを実現

グローバルスタイル

Macaw では共通のスタイルを保存しておき、ドキュメント内の任意の要素に素早く適用できます。一度適用すれば、スタイルエディタから一度にすべての該当要素を一括更新できます。

再利用可能なコンポーネントとアセット

複雑な要素を複数ページで使い回す必要がある場合、Macaw ではそれをライブラリ内にコンポーネントとして保存し、プロジェクト内の任意のページにドラッグ＆ドロップで配置できます。

新機能／修正内容

バージョン 1.0.3：

• ブレークポイント間での rem 単位の公開に関する不具合を修正。

• プレビュー用ブラウザで開かれるページが、実際に公開済みのページであることを保証。

• 子要素に絶対位置指定を持つ要素について、ブレークポイント間で静的位置指定から相対位置指定への変換が正しく行われるよう修正。

• textarea のボーダーをリセットするルールを追加し、CSS を標準化。

• 破損した親子関係を修復。

• 公開時に要素が失われる不具合を修正。

• 最初の子要素に負のマージンを設定した場合に、兄弟要素のマージンがずれてしまう問題を修正。

• ボタン要素への resize: none の公開を削除。

• 中央原点（center origin）を持つ静的要素について、他の要素が存在する場合に絶対位置指定へ自動変換するよう修正。