ITエンジニア/デザイナ向けにオープンソースを毎日紹介

CSS3 Facebook ButtonsはCSS3で作られたFacebook風ボタンデザインです。

最近はFacebookアプリの開発も増えてきました。そんな開発の際に使えそうなのがCSS3 Facebook Buttons、Facebook風ボタンをCSS3で作成したソフトウェアです。


色は3種類から選択できるようです。

classを指定するだけ。使い方は簡単です。


サイズが少し大きいバージョンです。

classにlargeをつけるだけです。こちらも簡単です。


グループ化です。こちらも需要がありそうです。

div.uibutton-groupをつけるだけです。


こんな感じに混ぜた表示もできます。

ツールバーという指定を使います。


アイコン付き表示もあります。これは便利そう。

addやeditといったclassをつけるだけ。簡単です。

色付きボタンはもちろん、大きさやアイコンをつけたボタンというのも使い道が多そうです。class指定だけで使えるのも手軽で良いですね。

CSS3 Facebook ButtonsはCSS3のオープンソース・ソフトウェア(Public Domain)です。


MOONGIFTはこう見る

Facebookアプリの場合、ページ内にタブで埋め込むタイプとCanvasページの二種類があります。Canvasの場合、画面幅が広いこともあって独自のデザインが使いやすいですが、タブで埋め込み場合はFacebookページの雰囲気に合わせて作られることが多くなっています。

そうした時にFacebookっぽさを手軽に実装できるという意味でCSS3 Facebook Buttonsは使えるライブラリになります。管理者ログイン用のボタンや共有用のボタンなどで使えるはずです。他のWebサイトでFacebook風にするというよりも、Facebookアプリをより親和性高くするのに使えるでしょう。

CSS3 Facebook Buttons

necolas/css3-facebook-buttons - GitHub

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2