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

Excel2013のリボン&タブのカスタマイズで格闘。

今まで、BookのXMLにリボンメニューを仕込むのは難しいのだと思っていた。 実際、Excel2003でアドインメニューを作ったことがあるが、そのときは相当苦労した。 しかし無料のツールを使えば、かな …

Synctoyがない!けど見つけた!

毎日定期スケジュールで、とあるフォルダの同期作業を行っている。そのファイルサーバNAS/Qnapの、HBS3 Hybrid Backup Sync でエラーが起こった。 QNAPのヘルプセンターに問い …

秀丸で、例えば「123市」を「123都市」にするときの正規表現の使い方メモ

検索文字のうち、置き換え後に残したい部分を、カッコで囲むのがミソ。 検索文字:([0-9])市 置換文字:\1都市 wordだと「ワイルドカードを使用する」とすると、正規表現が使える。

no image

FabricJSについて調べてみた。

ベースは、こちらのブログで公開されていたコード。深く感謝! Fabric.jsを使ってLGTM画像を作る | KRAY Inc ページ下にあるリポジトリよりファイルをダウンロードさせていただき、先日イ …

no image

シリコングリス

会社で使っているノートPCの調子がおかしい。 液晶の上半分がブリンクしたように黒くちらつく。 それも、いつもなるのではなくて、使っていて突然そうなり、止まらなくなる。 Windowsを再起動してもダメ …