Chromeでjavascript のデバッグ

  1. 右クリックメニューで「要素の検証」
  2. 「Sources」タブの左上の三角アイコンをクリックして、ソースを選択
  3. 行番号をクリックしてブレークポイント設定
  4. 画面を操作してjavascriptを動かすと、ブレークして
  5. 右側のパネルでステップ実行や変数の確認ができます

 

Wordで文字の装飾をクリアする

文字を範囲選択後、[Ctrl]+[スペース]でクリアされます。

WEBページからWordへコピペした際に、不要なリンクや文字色・背景色まで貼り付けられますが、そんな時に装飾をクリアするのに便利です。

 

 

 

CSSでサブメニュー

WEBページでサブメニューを作りたいとき、CSSでサブメニューを実現する方法がシンプルで修正もしやすそうです。

「CSS サブメニュー」での検索結果

ただ、マウスを載せないと情報が見られない、情報がある事に気づけない、という状態は、意図や理由が無いならお奨めしません。(好みもあるので否定もしませんが。)

 

 

 

HTMLの構文チェック

HTMLをエディタで直接書く場合、必ずといっていいほど凡ミスがあります。
HTML構文チェックは必須ですね。

・最低限のHTML構文チェックなら

W3C(ダブリュースリーシー)

http://validator.w3.org/

・細かく見てくれて、「本当はこんな風にする決まりなんだぁ」と勉強にもなります。日本語で説明してくれるのでわかりやすい。お客様によりますが、無理に100点を目指さなくても、わかった上でのエラーならOKとしてもいいかもしれません。

Another HTML-lint gateway

http://cetus.sakura.ne.jp/htmllint/htmllint.html