世知辛さの記録
投稿日：
CSSでさくっとボタンを作れるWebサービスを探したのだが、なかなか見つからない。
カラーピッカーで選びやすく、グラデーションが使えて、できればアイコン画像を埋め込めて、サイズが自由に変更できて、角丸も円も作れて、もちろん日本語も問題ない・・・そんな条件が、厳しかったのかも。
けども数時間後、やっと好みのものが見つかった。
http://buttonoptimizer.com/
以下が、作ったボタン。
いいでしょ。
以下は、次点のCSS GRADIENT BUTTON。
http://cssgradientbutton.com/
こちらは画像アイコンは使えないが、既に品の良いボタンデザインが33種類あって、隣り合わせに置いたらどれの組み合わせがきれいかも、考えながら選べるところがよい。
今回は次点としたけど、よりスピーディにボタンが作れるし、生成されるコード量も少ないし、実はこれがベストな気もする。。。
以下が、作ったボタン。
宿泊施設
こちらもGood.
執筆者：admin
関連記事
スクリーンキャストを撮るのに、Gifzoってのを使ってみたのですが、スゴイ便利。 Gifzo – 宇宙一簡単なスクリーンキャスト共有 例えば、こんな感じに撮れる。 ちょっとした意思の疎通が …
そろそろ、手を付けないとやばいかもと、重い腰をあげることにした。 まずは早速、ディベロッパー登録でつまずいた。 登録するには携帯メール（docomoなどのキャリアメール）が必要なのだが、自分はPHSし …
EPSON EP-4004の有線LAN（インフラストラクチャーモード）での接続方法
EPSON EP-4004のプリンタは、無線LANのアドホックでの接続は、とても簡単。 しかし、インフラストラクチャーでの接続となると、とても難しい。 マニュアルにも、丁寧なやり方は載っていない。 以 …
WooCommerceのメール通知設定「注文保留」は支払方法「銀行振込」において必須
はまった。 先ほどからWooCommerceをテスト環境でテストしている。 困ったことに、支払方法を銀行振込にしたときに限り（クレジットカードと代引きは影響なし）、メールが注文者に送信しなくなった。 …
Photoshopで画像半分をぼかす（グラデーションで半透明に）する
よく忘れる（というか覚えられない）ので、備忘録。 1.画像を開く。またはレイヤーを選択。 2.レイヤー下の「ベクトルマスクを追加」ボタンをクリック 3.半身をグラデーションにしたい範囲をドラッグで選択 …
2026/09/16
Xiaomi 11 Lite 5G NE でパスキーが設定できなかった件
2026/09/13
2026/06/10
Shopify サンキューページの必須アップグレードを実施しました
2026/06/02
