Mac:CSS3のボタンを視覚的に作成できるCSS3 ButtonBuilder

CSS3 ButtonBuilder 使い方

視覚的な操作でCSSボタンを作成できるCSS3 ButtonBuilder

同じようなことができるWebサービスも色々あるのですが、ローカル環境で可能なことや作成したCSSボタンの設定をアプリ内に保存しておけることもあり、これからブログなどを始める可能性がある人はダウンロードしておくと良いかも。¥500ほどのアプリですが無料セールを行っています

CSS3 ButtonBuilder
価格: 無料
カテゴリ: グラフィック&デザイン, 開発ツール

日本語化はされていませんが、視覚的な操作でボタン作成が可能と言うことで使い方も悩むような部分はありません
CSS3 ButtonBuilderを起動してボタンのサイズ、フォント、枠線、色などを選んでいくだけです

今は角丸デザインを使う人も減ったのかも知れませんが、角丸(border radius)もドラッグ操作だけで簡単に可能ですよ

CSS3 ButtonBuilder 使い方

ボタン作成完了後は画面右下の”Generate CSS/HTML”をクリックでコードを表示、コードをCSSファイルに貼り付ければOK

CSS3 ボタン 角丸

画面左下の”Save”で作成したボタンに任意のスタイル名を付けて保存。”Load”からまたいつでも呼び出せます

Mac css3 ボタン作成アプリ

ボタン作成中は画面にリアルタイムでボタンがプレビューされるのでコードを書いて確認している様な人(そんな人いるの?)は是非

CSS3 ButtonBuilder
価格: 無料
カテゴリ: グラフィック&デザイン, 開発ツール


関連記事

Pocketに保存 はてなブックマーク Google+でシェア Follow on Feedly
サブコンテンツ

このページの先頭へ