Advertisement

cssbuttons-io-cover

 

先日、コピペで利用できるCSSボタンスタイルを多数公開中の便利サイトをご紹介しましたが、また新しいサービスが公開されています。

 

クリックひとつでコピペできるだけでなく、気に入ったボタンはHTMLとCSSによるカスタマイズ、保存も可能です。

 

 

決定版?!50個のCSSボタンをコピペで利用、自分好みにカスタマイズできるCSSButtons.io

 

CSSButtons.ioは、ボタンやチェックボックスなど、ウェブ制作に使えるCSSコンポーネントを公開しており、すべてのコンテンツはオープンソースで、無料で活用できます。

 

現在、CSSボタンは48種類公開されており、シンプルで使い勝手の良い素材から、アニメーションを使った波ウェーブ型グリッチエフェクト動くグラデーションなど、あらゆるCSSボタンスタイルに対応できる優れもの。

 

cssbuttons-io-button-component

 

 

ボタンの他に、こちらもHTML/CSSのみでスタイリングできるチェックボックス6種類も公開中。

 

cssbuttons-io-checkbox

 

 

CSSによるスタリングが億劫というひとも多いトグルスイッチも、アニメーションを活用した使いやすさ重視のスタイルが揃います。

 

cssbuttons-io-togglin

 

 

気に入ったボタンはクリックすると、別画面に移動し、ブラウザ上でHTMLとCSSのカスタマイズも可能。変更したスタイルは、GitHubアカウントでログインすることで、そのまま保存しておくことも可能です。

 

cssbuttons-io-customize

 

 

リアルタイムでのプレビュー機能となっているため、編集した内容をそのまま確認できるのも便利です。

 

 

 

ここで未紹介となるCSSボタンスタイルを探しているときは、以下の便利サイトまとめも一緒に活用してみると良いでしょう。

Webサイトにおける「ボタン」は、使いやすさと分かりやすさが重要です。このバランスがなかなか悩みどころで、いつも同じスタイルのボタンを色を変えて再利用、なんてことも