CEOブログ

横浜で活躍するホームページ作成・開発会社アットライズの代表取締役社長(CEO)が綴る、日々の奮闘記!!

備忘録

[備忘録]HTML・CSS等のコード整形ツール、DIVタグ閉じ忘れチェッカー

投稿日:2022年6月7日 更新日:

インデントや改行など、見やすく整形してくれる便利なサイト

既存サイトの分析やアーカイブ収集等をするのに「Website Explorer」というフリーツールを使うことがある。

無料ツールの割に多機能で、Web制作者には欠かせないツールの一つとなっているのだが、、
WebsiteExplorerでアーカイブ(ダウンロード)したコードは、インデントや改行位置がバラバラで、、時にこれが悪さをして、正確に表示できないケースもあったりする。。
 

【1】HTMLのコード整形ツール

そんなコードを整形してくれるサイトがあった!

https://lab.syncer.jp/Tool/HTML-PrettyPrint/

このサイト、HTMLの整形以外にも、CSSの整形、JavaScriptの整形もできる。

さらに上の階層には、さまざまな便利ツールも盛りだくさんみたいなので、、
覚えておくと便利かも知れない。
 

【2】DIVタグ閉じ忘れチェッカー

DIVタグの閉じ忘れをチェックしてくれるサイト!
https://div.natureblue.com/


 
 

-備忘録

関連記事

[備忘録]PDF-XChange Viewer:ドキュメントを回転させて保存する方法

横向きで読みにくいPDF、あるよね~ 資料等をスキャニングした時など、、本来横長の資料が 意図せず90度回転して縦長になって、、読みにくかったりすること、ありますよね。。 その場で「回転」させて、とり …

[備忘録]Windows:ファイル名が長すぎて削除できない時の対処

目からウロコの解決策があった! ファイル名(またはパス)が長すぎて削除できないファイル(フォルダ)があった。 コマンドプロンプトから削除してもダメ。。 どうやらwindowsでは、フォルダ名+ファイル …

[備忘録]Excel:別ファイル参照で相対パスにする方法

ファイルを移動すると参照できなくなる可能性が。。 Excelに値を入力する際、別ファイルの特定セルを参照して値を設定するケースがある。 別ファイル参照しているファイルを他のフォルダに移動(またはコピー …

[備忘録]AdobeXD:「Creative Cloud ライブラリの初期化中に問題が発生しました」エラーの対処

エラーの回避方法 業務で使っている Adobe Creative Cloudで「Adobe XD」を立ち上げると、「Creative Cloud ライブラリの初期化中に問題が発生しました」というエラー …

[備忘録]「ゼロ幅スペース」の罠。。

見かけ上は誤字がないのに、メルアドエラーになる。。 お客様のメールマガジン配信代行を行っているが、新規アドレスを追加しようとしたところ、メルマガ配信ツールで「アドレス形式エラー」となり追加できないアド …