コーディングでやってはいけないこと
今日久しぶりにサイトのHTMLを編集したところ、終盤までスムーズにコーディング作業を進められていたのに、最後の最後でレイアウトが一気に崩れてしまった。その後30分程四苦八苦してようやく元に戻すことができたので、今回はその原因と対策についてまとめてみる。
まず原因はというとCSS内での中括弧 “} ” の消し忘れ。これをメディアクエリ内でやってしまったため、
@media screen and (max-width:480px){
の ” { ” が消し忘れた ” } ” で閉じられてしまい、以降481px以上のブラウザサイズでもメディアクエリの設定が反映されてしまったのだ。
では今回のようなトラブルを今後しないためにはどうするか。それはテキストエディタでメモ帳を使わないこと。メモ帳は便利だが、編集でもとに戻す（Ctrl + Z）のが1回前の操作までに限られている。私はわりとまめにCSSを編集したらページを更新して確認するほうなので、数回前まで戻れば原因が判明するはずだった。今後はTeraPadを使っていく予定だ。