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/


 
 

-備忘録

関連記事

[備忘録]Excel2007:パスワードの設定/解除方法

覚えてられないのでメモ。。 あまり使わないので覚えてない。けど、たまに使いたいとき調べるのが面倒。。(^^; そんなExcelのパスワードの設定/解除方法を。 参考サイト:文書、ブック、およびプレゼン …

[備忘録]Firefox:新しいバージョンでの多段タブ化方法

最近のバージョンはタブの使い勝手が改悪。。 Firefox、、最近のバージョンアップ版は 特にタブの使い勝手が最悪レベルで改悪されていて、このままでは実用に耐えない。。 そこで、今回は多段タブを実装す …

[備忘録]Firefox:バージョンアップしたらスクロールしなくなった!

Firefoxをバージョンアップすると、、いろいろ不具合(後方互換ナシ)が起こる。。 Firefoxをバージョンアップすると、、いろいろ不具合が起こる。。 ※これを「後方互換がない」と言う。 なので、 …

[備忘録]Acrobat Reader DC:ツールメニューを消す方法

開くたびにウザいツールパネルウィンドウ Acrobat Readerの結構新しいバージョンを使っていると、PDFファイルを開くたびに文書の右側にツールのエリアが表示され、とてもウザい。。 右向き矢印を …

[備忘録]Linux sedコマンド:再帰的に置換する方法

sedコマンドで配下ディレクトリ全ファイル対象に再帰的置換する 例えば、サーバー移転などを行っていると、「ドメイン名の変更」「ディレクトリパスの変更」「DB名の変更」などで、全ての記述を変更したい場合 …