susanneのブックマーク / 2014年9月22日

susanne id:susanne

2014年9月22日のブックマーク (3件)

よく使うアイコンWebフォントのフォントセットとジェネレーターまとめ
Webページ上でベクターのアイコンを簡単に表示できる憎いアイツ。そう、アイコンWebフォント。 Retinaディスプレイでも綺麗に表示されるし導入は（そんなに）難しくないし至れりつくせり。セマンティック？なにそれおいしいの？そんなわけで今回はよく使っておりますアイコンWebフォントのセットと、ジェネレーターをまとめてみました。 ※紹介しているフォントを使用する際は、ライセンスを必ずご確認ください。 Font Awesome とっても有名なアイコンフォント、Font Awesome。600を超えるアイコンを使用できるのが特徴です。ソーシャル系のアイコンも揃っております。線のRは少し強めの印象。個人・商用利用なのも嬉しい。 Font Awesome, the iconic font and CSS toolkit Entypo キリッとしたアイコンがエレガントなイメージなのがEntypo
susanne 2014/09/22
リンク
SNSボタンをオリジナルデザインにする方法
普通に設置する場合普通のテキストリンクとして設置する場合には以下のコードを使用します。CSSは適宜調整して下さい。 ※FacebookやGoogle+はogp設定をしていないと正しくシェアできません。opg設定については下記参考サイトが分かりやすいです。 facebook いいねボタン設置時のOGP設定方法♪ ｜フリーランスWebデザイナーの仕事 Twitter ツイートボタン <a href="http://twitter.com/share?url=共有したいＵＲＬ&text=ツイート内に含める文字&via=ツイート内に含まれるユーザー名&related=関連アカウント">ツイート</a> Facebook シェアボタン <a href="http://www.facebook.com/share.php?u=共有したいＵＲＬ" onclick="window.open(this.
susanne 2014/09/22
“<a href="http://b.hatena.ne.jp/add?mode=confirm&url=<?php echo get_permalink() ?>&title=<?php echo trim(wp_title( '', false); ?>" target="_blank">はてブ</a>”
リンク
Railsでスマートフォン用ページへの振り分け - togatttiのエンジニアメモ
Railsで作成したWebサイトをスマートフォンから閲覧してみたら、ひどくスタイルが崩れていたので、スマートフォン用のページを別途作ることにした。その際に必要なことは外部からのアクセスがPCからなのか、スマートフォンなのかという振り分け。スマートフォンからのアクセスであれば、スマフォ用のページへ誘導する。流れ的にはスマフォ用のページのコントローラを作成コントローラとビューを設定ルートを設定メインのコントローラに振り分けメソッドを追加以上。今回はmobilesというコントローラを作成した。 rails generate controller mobiles create app/controllers/mobiles_controller.rb invoke erb create app/views/mobiles invoke rspec create spec/c
susanne 2014/09/22
“a.include?('Mobile') || ua.include?('Android'))”
リンク
- 2014年9月23日
- 2014年9月22日
- 2014年9月21日