HTMLやCSSを知らなくても簡単にWebサイトが作成できるMac用Webエディタ「Blocs」がリリース。

Blocs
記事内に広告が含まれています。
スポンサーリンク
スポンサーリンク
スポンサーリンク

 HTMLやCSSを知らなくても、シンプルなレスポンシブデザインのWebサイトを作成できるMac用Webエディタ「Blocs」がリリースされ、トライアル版の配布も始まっています。詳細は以下から。

 BlocsはHTMLやCSS、JavaScriptを知らなくてもクリックだけでモダンなWebサイトを作成できるWebエディタで、開発者はDevRocketb.hatenaWebZapb.hatenaなどのPhotoshopプラグインを作成しているイギリス人デザイナーのNormさん。

 Mac App Storeには現在申請中だそうですが、NormさんのWebサイト”Ui Store“では既に$49.99で販売が始まっており、トライアル版もダウンロード可能です。

Blocs-Yosemite-Hero

使い方

 使い方は非常に単純で、ユーザーはページを作成し、決められたBlocを編集していくだけです。まず、Blocを追加し、

Add-Blocs

次にBlocのスタイルを選択します。BlocはBricという要素に分かれており、各Bricは画像や動画、テキスト、リンク、見出し、フォーラム、ミュージックなどに変更可能です。

Bloc-Style

また、Bric要素の編集はサイドメニューから行います。

Bric-Area

 Bricの編集が終わったら、新たにページを増やすために右上の[+]ボタンか、メニューバーの [Page] > [New] からページを追加します。流れはメニューバーにある順番[File] > [Page] > [Bloc] > [Bric] で行えばわかりやすいと思います。

Blocs-Page-Bloc-Bric2

 コンタクト・フォームなども設置できTwitter Bootstrap フレームワークを内蔵し、レスポンシブデザインにも対応しています(動画の最後の方で説明しています)。書き出し機能が使用できない3日間のトライアル版も公式サイトで配布されているので、興味のある方はどうぞ。

コメント

タイトルとURLをコピーしました