ソーシャルボタンを簡単にcssで作成できる無料サービス

Twitterやfacebookなどを利用したログインボタンや、カスタマイズシェアボタンに、各SNSのアイコンを利用したいことがよくある。

そういったものをいちいち画像で準備してcssを書いてというのは面倒くさい。

そういうときに使える素材系サイト。

http://lipis.github.io/bootstrap-social/

http://weloveiconfonts.com/

これらのサービスを利用することで、下記のようにcssを記入するだけで各SNSのアイコンが表示されるようになる。


以上。

BootstrapのDropdownメニューをスクロールさせる。

Twitter BootstrapのDropDownメニュー(これ↓)

スクリーンショット 2014-03-09 23.37.50

DropDownメニュー内の項目が画面一杯になると、デフォルトではスクロールができないので画面に隠れたメニューがクリックできなくなる。

そういうときは下記を追加し

.scrollable-menu {
                height: auto;
                max-height: 500px;
                overflow-x: hidden;
}

下記のようにスクロールさせたいDropDownメニューにクラスを追加すればOK.


以上。