Twitter社が開発した人気のCSSフレームワーク「Bootstrap」。使いやすさと充実した機能が評価され、世界中で人気となっています。
本日紹介する「Pingendo」は、Bootstrapを使ったWebサイトのプロトタイプを素早く作成するための、Webオーサリングツールです。Mac / Windows / Linux用のバイナリを無料でダウンロードすることができます。
目次
使用方法
今回はMac版のPingendoをダウンロードしてみました。
テンプレートとして、「Default empty page」か「Landing page」を選ぶことができます。
「Landing page」を選ぶと、最近よくみかけるランディングページのテンプレートが作られました。
あとは、画面左側から必要な部品をドロップして追加したり、属性を変更したりして作業を進めていきます。プレビュー画面に対応するHTMLコードを表示しておくこともできます。
作成後はHTMLとして書き出すことができるので、そこからさらに手を加えていくことも可能です。
まとめ
Pingendoを使えばどのようなコンポーネントが存在するのか、色を変更するとどうなるのかといったことがGUIでサクッと確認できます。プロトタイプ用にWeb画面を作成する用途で便利そうです。
