Macaw

コードを書くのをやめて、描いてみましょう。Macaw はお気に入りの画像エディタと同じ柔軟性を提供し、同時に意味のある HTML と非常に簡潔な CSS を自動生成します。ウェブデザインツールにもっと多くのことを期待する時が来ました。

フリュイドキャンバスとグリッド：Macaw はフリュイド幅に最適化されています。キャンバスサイズを変更すると、グリッドや要素もそれに応じて自動的に更新されます。

レスポンシブブレイクポイント：さまざまなデバイスサイズに対応したデザイン作成は難しいものです。Macaw では任意のブレイクポイントを定義でき、その特定の幅に対してプロパティを微調整できます。

豊かなタイポグラフィ：Macaw ではシステムフォント、豊富なウェブフォントライブラリ、さらには Typekit フォントのインポートも可能です。また、「1 行あたりの文字数」などの便利な計算機能も備えています。

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

少ない作業で、より多くをデザイン：グローバルスタイル — Macaw では共通のスタイルを保存しておき、ドキュメント内の任意の要素に素早く適用できます。適用後はスタイルエディタを使って、一度にすべての関連要素を一括更新できます。

再利用可能なコンポーネントとアセット：複雑な要素を複数ページで使い回したい場合、Macaw を使えばそれをライブラリにコンポーネントとして保存し、プロジェクト内の任意の他のページにドラッグ＆ドロップできます。