プラグインは使わないで

経緯は別記事に。

個人的に使うもので

数あるSNSを、全部入れるとうるさいデザインになるので、要素の幅的に、5つにした。唯一、はてブは使っていないが、一応多くのシェアボタン設置例があるので、とりあえず。

アイコン

結局、googleアイコンではソーシャルアイコンが少なかったため、Font Awesomeを使うことにした。そして後日、サイト軽量化のため、IcoMoonを使用することにしたので、ここではそれ以前の話。IcoMoonの話はこちらへ。

Font Awesomeにははてブのアイコンがないので、みなさまの設置例にある、文字を入れ、フォントを設定した。
ところが、他のブラウザで見てみたときに、フォントがうまくいかず、下イメージのようにセリフ体になっていた。

そういう意味でも、IcoMoonでよかった。

レイアウト

social button

ページ下部に設置してあるところをみていただければわかるよう、シンプルな感じにした。ただし、ブランドカラーだと、サイトのテーマ的に、きつい色になるので、hoverをかけさせてもらいました。

丸がよかったけど、レスポンシブでは崩れるし、ページネーション の丸もあるので、ここは四角でシュッと。

アイソレーション

色々なサイトでロゴのcssを変えたりしているけれど、ロゴのアイソレーションは守られているのか、ちょっと疑問。

誰かは、”問題とされていないし指摘されていないのだからよいのではないか”とも。

うーん、一応ロゴになるので、言われなきゃいいというのも、あまりよくないような。そもそも規約にも記載してあるのだし。。