jQuery：toggle()

toggleを忘れないためのメモ

・javascript
<script>

$(document).ready(function(){

    $("button").click(function () {

      $("#box").toggle("slow");

    });

});
</script>

・css

<style type="text/css">

#box{

 width:300px;

 height:300px;

 background:#cccccc;

}

</style>

・html
<button>toggle</button>
<div id="box"></div>

Viewportを適切に設定

スマートフォン対応のサイトを作成するときに忘れてはいけないViewport。
Viewportを適切に設定してユーザーからどのように見えるのかコントロールしよう。

・Viewportとはスマフォの横幅にあわせて縮小するための機能。

一般的な「Viewport」の記入例
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=yes">

【CSS3】背景を表示する範囲を指定

今まで背景をCSSで指定すると全体に貼る、縦、横などの繰り返しのみだったけど、
CSS3タグで指定するとどの部分まで表示させるかなど少し細かく指定できるようになった。

backgroound-clip:★

★・・・・border-box、padding-box、content-box

値の指定
border-box・・・ボーダー領域から内側の背景が表示される
padding-box・・・パディング領域から内側の背景が表示される
content-box・・・内容領域の背景のみ表示される

注意！
ブラウザごとの指定方法と対応が違う。
このプロパティは使いにくいかも（2013年2月現在）