2015年2月28日土曜日

<body>
  <img src="image.jpg" />
</body>

img{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}

2015年2月23日月曜日

CSS： marginの正しい理解

CSS： marginの正しい理解 (CSSのmarginが難しい)｜Web Design KOJIKA17

toggle()や変数、calc、:matchなど、今までにないCSSプロパティ、セレクタが提案・実装されて、CSS3, CSS4も楽しくなってきています。 border-radiusや、box-shadowなども . . .

http://kojika17.com/2012/08/margin-of-css.html

2015年2月21日土曜日

jQueryのプラグインの作り方http://yyengine.jp/blog/jquery/jquery-plugin-5step/

2015年2月19日木曜日

CSS 子要素に上下marginを設定すると親要素marginに影響する

これは基本的に親要素に overflow:hidden を設定して回避

[CSS] 子要素の上下marginが効かなかったり親要素marginに影響するのは困るので、阻止する。 - Qiita

[CSS] 子要素の上下marginが効かなかったり親要素marginに影響するのは困るので、阻止する。 - Qiita

ド素人が子要素の上下マージンでハマりましたので、メモでございます。 # 症状 ※margin-topに言及しますが、margin-bottomも同じだと思います。 ```html:hoge.html

http://qiita.com/mochizukikotaro/items/53eea34bcd644daddd44

2015年2月18日水曜日

select {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
border-radius: 0;
border: 1px solid #ddd;
width:100%;
margin: 0;
padding: 4px;
background: none transparent;
vertical-align: middle;
font-family: inherit;
font-size: inherit;
color: inherit;
/*box-sizing: content-box;*/
box-sizing: fixed;
}

select { /*矢印を消す for Firefox*/
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
}

select::-ms-expand { /*矢印を消す for IE*/
display: none;
}