IT仕事

私はFree Call-to-Action Button Generator (CSS and PNG)が気に入った

投稿日:

CSSでさくっとボタンを作れるWebサービスを探したのだが、なかなか見つからない。
カラーピッカーで選びやすく、グラデーションが使えて、できればアイコン画像を埋め込めて、サイズが自由に変更できて、角丸も円も作れて、もちろん日本語も問題ない・・・そんな条件が、厳しかったのかも。
けども数時間後、やっと好みのものが見つかった。
http://buttonoptimizer.com/
Call-to-Action Button Generator - Design buttons & download as CSS PNG 2015-01-28 16-00-49
以下が、作ったボタン。
いいでしょ。


宿泊
施設

宿泊
施設

以下は、次点のCSS GRADIENT BUTTON。
http://cssgradientbutton.com/
こちらは画像アイコンは使えないが、既に品の良いボタンデザインが33種類あって、隣り合わせに置いたらどれの組み合わせがきれいかも、考えながら選べるところがよい。
今回は次点としたけど、よりスピーディにボタンが作れるし、生成されるコード量も少ないし、実はこれがベストな気もする。。。
Css Gradient Button - create css button 2015-01-28 16-25-29

以下が、作ったボタン。
宿泊施設
こちらもGood.

-IT仕事

執筆者:

関連記事

no image

FirefoxのURLの自動補完がきかなくなった けど直した

FirefoxのURLの自動補完がきかなくなった。 色々試してみても、回復できない。 ようやくわかった方法が以下。 F10を押してメニューを出し、ヘルプの、 トラブルシューティング情報 を表示し、右上 …

no image

Artisteer4は、ダメダメ

Artisteerを使っている。 この秋9月からバージョン4になり、CSS3に対応した。 デフォルトデザインが白のシンプルなデザインになり、またスライドを挿入できるなど、機能もアップした。 そこで、今 …

no image

甘さ?

男友達で、料理が好きというのがいた。 けど、作ったのを食べさせてもらうと、ぜんぜん美味しくなかったり。 レストランでも、材料や調理法にこだわっているなんて店があるけど、食べてみるといまいちだったり。 …

no image

PHP用のエディタ

今度PHPの講習のせんせーをする。 テキスト本で勉強中(教えるための、ね)。 テキストに書いてあるコードをそのまま打って、一つ一つの講習ポイントを確認する。 コーディングは使い慣れているテキストエディ …

no image

Quick TranslatorがFireFox12で使えるようになった

FireFoxをバージョンアップした際に、互換性の問題から使えなくなった、Quick Translator。 私はこれを長年使い、「これ以上に使いやすいアドオンはない」と思っているので、昨年、FFの最 …