Simple gadget life programming diary

Simple gadget life の中の人によるプログラミングメモ

CSS

Webアイコン"Genericons"を並列に並べて色を付ける

CSS

こんな事ができる やり方 HTML <div id="followmeblock"> <a href="https://twitter.com/jtaka1012" target="_blank"> <span class="twitter"></span> </a> <a href="https://plus.google.com/b/102861128808523144525/102861128808523144525/posts" target="_blank"> <span class="googleplus"></span> </a> </div>

ウェブアイコン"Genericons"の使い方 (Wordpress)

CSS

Genericons - a free, GPL, flexible icon font for blogs! Genericonsからダウンロードしたフォルダをサーバ上へ配置する。 その際アクセス権限変更漏れに注意 スタイルシートにGenericonsのCSSを定義する。 <link href="CSSファイルのパス" rel="stylesheet" media="screen"> Wordpressだとこんな感じ </link>

Bootstrapでレスポンシブに対応した画像の貼付けはResponsive imagesを使う。

CSS

マニュアル通り、Responsive imagesというクラスをしてして表示すればよい <img src="..." class="img-responsive" alt="Responsive image"> レスポンシブがイヤなのであればクラス指定は外す。 画像の中にさらに画像を入れるといった使い方をしたいのであれば、cssでbackground-imageで背景として登録した上で、さらにhtml…

フラットデザイン風Webフォントと使い方

CSS

フォントファイルを配布しているサイト M+ FONTS M+ OUTLINE FONTS | DOWNLOAD解凍コマンド tar Jxvf mplus-TESTFLIGHT-057.tar.xz展開されたフォルダをCSSファイルが置かれているフォルダ等へ配置CSSファイルへの記載方法 @font-face { font-family:mplus-1…