備忘 #CSS HTMLエディタについて。 CSSやHTML弄るときはPC使用、ブラウザはChromeを使っているので、ブラウザの検証ツールでソースコードの仮修正やプレビューができる。 右クリック>検証をクリックするとhtmlのコードが出てきて、htmlタグ毎の制御範囲が色分けされたり、クラスをクリックすればそのクラスを記述したCSS抜粋してくるし、ソースタブクリックすればCSSのコードをいじりながらプレビューも見れるから、てがろぐだけ好きに整備する分には十分なのかも。 ブラウザのウィンドウの大きさをうにょうにょ動かせばモバイル用のプレビューも見れる。デバイスの画面サイズ依存なので、ウィンドウを基準以下にすればモバイル版のcssが反映されるって寸法。 う〜んとなるのは、ソース弄ってプレビュー出てもあくまで仮修正なので本番反映はされないこと。そりゃブラウザで何でもかんでも本番反映できたら困るし。荒らし放題になってしまうよ。 なので修正後コードはページ遷移前にメモ帳にコピペしとかないと全部ぶっ飛んで悲しい気持ちになる(n敗目) 2025/08/11
HTMLエディタについて。
CSSやHTML弄るときはPC使用、ブラウザはChromeを使っているので、ブラウザの検証ツールでソースコードの仮修正やプレビューができる。
右クリック>検証をクリックするとhtmlのコードが出てきて、htmlタグ毎の制御範囲が色分けされたり、クラスをクリックすればそのクラスを記述したCSS抜粋してくるし、ソースタブクリックすればCSSのコードをいじりながらプレビューも見れるから、てがろぐだけ好きに整備する分には十分なのかも。
ブラウザのウィンドウの大きさをうにょうにょ動かせばモバイル用のプレビューも見れる。デバイスの画面サイズ依存なので、ウィンドウを基準以下にすればモバイル版のcssが反映されるって寸法。
う〜んとなるのは、ソース弄ってプレビュー出てもあくまで仮修正なので本番反映はされないこと。そりゃブラウザで何でもかんでも本番反映できたら困るし。荒らし放題になってしまうよ。
なので修正後コードはページ遷移前にメモ帳にコピペしとかないと全部ぶっ飛んで悲しい気持ちになる(n敗目)