【CSS】background-sizeをショートハンドで書く

background-sizeをbackgroundプロパティにまとめちゃうぜ！の時。

background: #000000 url(../images/back.jpg) center center / 1500px 1032px no-repeat;

スラッシュ入れ忘れないようにね。

【Photoshop】ファイルのドラッグ＆ドロップで開けない場合の対処法

これしたら直った！！
是非フォトショでドラッグ＆ドロップ出来ずに困っている人はやるべき！！！
http://note.chiebukuro.yahoo.co.jp/detail/n380778

【CSS】img画像の縦横比のまま表示させたいボックスサイズの大きい方に合わせる

ハコの大きさは決まってるから、縦横いっぱいに縦横比は変えず表示するとき

画像のボックスに
width: 300px;
height: 200px;
(最大サイズ)

画像自体に
width:auto;
height:auto;
max-width:300px;
max-height:200px;
を設定する

【bootstrap】containerとcontainer-fluidの違い

まだbootstrap使い始めでまだまだよくわかってないのだけど、
とりあえず構成が

class="container"か"container-fluid"の中に
class=""row"を入れ、
col-lg-*、col-md-*、col-sm-*、col-xs-*を指定する
ってのはわかったけど
containerとcontainer-fluidの違いにつまずく。


.containerは固定幅。
ポイントになるウインドウサイズでカラムの幅が変わる。
ウインドウサイズにより、750pxや970pxや1170pxで固定される。

.container-fluidはwidth:auto的な感じ。リキッドタイプのレイアウト。

とのこと。おっきい外枠はcontainerで、中のほそぼそとしたのはcontainer-fluidでもいいような？

参考サイトさま
http://itstudio.co/2015/04/12/3884/

【bootstrap】レスポンシブ画像にする

bootstrapを使ってレスポンシブ画像にするには
imgタグにclass="img-responsive"のクラスを追加する。

参考サイト
https://blogs.adobe.com/creativestation/web-bootstrap-basics-with-dreamweaver-responsive-image