個人的メモ。

運用・効率

• zen-CordingをNetBeansに導入して作業効率UPを計る

（http://kenqsan.com/application/875/）

スマホ対応

• PCとスマホサイトの対応を一枚のHTMLで（Media Queries）

Media Queriesはユーザーの状態を調べ、それにあった特定のスタイルシートを適用することができます。例えば、大きいディスプレイ用と小さいモバイル用にそれぞれ異なるスタイルシートを指定することができます。

参考サイト：http://coliss.com/articles/build-websites/operation/css/css3-media-queries.html

• • %表示で可変
  • max-widthだけ指定とか

• レスポンシブデザインのフレームワーク

http://design-develop.net/web-design/15-responsive-css-frameworks.html

小技

• Area > Contents > Box・・・・迷ったらこのクラスを付与!
• スクショの一部切り取りツール【Rapture】

http://www.vector.co.jp/soft/win95/personal/se386376.html

• FireFoxのカラーピッカ―
• 矩形選択

矩形とは長方形やひし形のことで、この「矩形選択」は文章上で長方形の選択範囲を作成することができる選択方法です。

http://junichi11.com/?p=2397

• floatの仕方

大枠はclearfixでIMGにfloat:left。文章をpタグで囲みoverflow:hiddenかつzoom:1(IE7対応)

• Excelを使ったlistやdtの生成

http://webrocketsmagazine.com/entry/20111209/html-code-generation-using-excel.html

正規表現

.*?で任意の一文字以上を選択可能
<table .*?>で<table~~>を抽出できる