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/


 
 

-備忘録

関連記事

[備忘録]Googleカレンダー:一発で日付を移動する方法

一発で移動できる方法があった! 以前はスケジュール帳で管理していたが、 ・記念日等 毎年書き写すのが面倒 ・常にスケジュール帳を携帯する必要がある ・「毎月○日」など定期的な予定を記入するのが面倒 な …

[備忘録]WordPressのログイン画面にBasic認証をかける方法

ログイン画面だけに設定する 特定のディレクトリにBasic認証を設定する方法(一般的なBasic認証設定方法)は過去のブログ「[備忘録]Basic認証の設定方法」に記載があるので、そちらを参考に。 こ …

[備忘録]Dropbox:通知しない設定

頻繁な通知がウザイ。。 Dropboxで、共有ファイルが編集されるたびに通知のアラートが表示され、、頻繁だとウザイときに、通知を抑制する方法を。 Dropboxの基本設定 ・タスクバーのDropbox …

[備忘録]Excel2007:セルの値が80%以上なら黄色、100%以上なら赤で塗りつぶしする方法

ChatGPTに聞いてみた(^^; Excelで原価管理をしているが、原価率が特定の閾値を超えた場合にセルの色を自動的に変えて一目で分かるようにした。 で、その方法を今回はChatGPTに聞いたので、 …

[備忘録]WordPressのログイン画面にIPアドレス制限をかける方法

より強固なセキュリティ対策を WordPressのログイン画面にBasic認証を設定する方法はブログ(*1)に書いたが、更に強固に特定のIPアドレスからしかアクセスを許可しないように制限する方法を。 …