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

紙2001 長い間お世話になりました。

身辺整理をしております。 (といっても、辞表を出したとかそういうのではなく、単に、新年度に入ったので、スッキリしたく) まずは、IT環境からということで、いらないデータを削除したり、移動したり。 ソフ …

no image

HTML整形関係の秀丸マクロ

久々の投稿。 自分のHTMLファイルの作成スタイルは、 1.Artisteerでおおざっぱなデザインを決める。 2.同ソフトでHTMLソース(またはWPテンプレート)を出力する。 3.ソースを秀丸&F …

no image

ATOKからGoogle日本語入力に乗り換え

長年、ATOK2008を使ってきたが、先日Windowsのバージョンを10にしたら、使えなくなってしまった。 メーカーのHPを見ると、そのバージョン同士は使えなくなったみたい。 まあいいかと諦めてWi …

WooCommerceのメール通知設定「注文保留」は支払方法「銀行振込」において必須

はまった。 先ほどからWooCommerceをテスト環境でテストしている。 困ったことに、支払方法を銀行振込にしたときに限り(クレジットカードと代引きは影響なし)、メールが注文者に送信しなくなった。 …

OneDriveに不安

最近、マイクロソフトのOffice365のサービスを使ってみている。 定額でOfficeを5台までの自分のPCにインストールできるし、期待以上に使い勝手はいい。 しかし今日、OneDriveを使ってみ …