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

WordPressMe2.3.3で、Deprecatedエラー

朝、出社して管理しているお客様のサイトを見ると、上部に見たこともないエラーがずらずら出ていた。 Deprecated: Assigning the return value of new by ref …

no image

ExcelVBAで名前から行列指定で取り出すには

名前を定義したセル範囲の、列や行での相対位置でみた、何番セルの値を取り出したい場合に、どのように書ければよいかわからなかったけども、やっとわかった。 Range(“範囲1”). …

no image

PHP用のエディタ

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

no image

Photoshopの疑問色々解決備忘録

Photoshopでレイヤーを重ねたときに特定のレイヤーのオブジェクトだけをグラデーションかけたい・・・って時にどうやるか。 どうするんでしたっけ? 以前悩んでいろんな人に聞いて回ってしかし誰もわから …

no image

Amazonツール注文情報取得シートでListOrderで想定しない値エラー

会社では商品をAmazonでセラーとして販売している。 宅急便の伝票を作るときに注文情報(ListOrders)をExcelでCSVで出力できないかなあと、何かのツールを探していて、以下にたどり着いた …