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/


 
 

-備忘録

関連記事

[備忘録]Dropbox:ディスク容量が少ない時に同期を解除する方法

Dropbox使ってたらノートPCのディスクが満杯になった。。 有償のDropbox Plusにしたら容量1TBになったは良いが、、ノートPCのSSDは100MBしかなく、、ディスクが一杯になってしま …

[備忘録]SSL非対応のメールクライアントをSSL対応させる方法

「B’s Biff for Windows」を「stunnel」でSSL対応化! WindowsXPの頃から、メールチェックツールは「B’s Biff for Windows」 …

[備忘録]DNSの設定値を調べる方法

自社管理外のドメイン情報を知りたいとき サーバー移転に伴うドメイン移管などの際、既存のDNS設置値を事前に把握しておかないと、移管後に旧設定値が分からず難儀することがある。 今までは、あるDNS調査サ …

[備忘録]Amazonが急に英語表示になってしまった時の対処

メニューやら何やら、突然英語に。。 毎日のように使っているAmazon(アマゾン)サイト、、今日アクセスしたら いきなり英語表記になってて焦った。。 こういう時って、たいていページ右上の方にある「アカ …

[備忘録]Windows10:リモートアシスタンス接続方法

Windowsの機能を使った遠隔操作 主に以下の手順が必要。 (1) 接続される側の事前設定 (2) 接続される側の手順 (3) 接続する側の手順 ※WindowsのエディションはProfession …