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/


 
 

-備忘録

関連記事

[備忘録]WordPress:ファビコンを設定する方法

とても簡単だった! ファビコンとは、ブラウザのタブに表示されるアイコンのこと。(下記赤枠) これを 例えば会社ロゴとかにしておくと、ブラウザで複数タブ開いた状態でも 一目で判別できます。 WordPr …

[備忘録]Thumbs.dbって何者?作成しないようにする方法

ちょくちょく見かける「Thumbs.db」 Windowsの隠しファイル「Thumbs.db」。 画像をアプリで表示したりすると いつの間にかフォルダ内にできているようだが、、 これは一体何者だろ。。 …

[備忘録]Googleフォーム:「回答を記録しました」を変更する方法

「プレゼンテーション」から編集 Googleフォームで送信すると、送信完了画面に「回答を記録しました」と表示される。 また「別の回答を送信」などというリンクも表示され紛らわしい。。   これを書き換え …

[備忘録]WindowsでHEIC形式ファイルを表示する方法

HEIC形式は iOS11から採用された新しいメディア圧縮方式 ある方が撮影された画像を送ってこられたが、拡張子が「HEIC」なるファイル形式で、Windowsでは表示することができない。 どうやら、 …

[備忘録]Excel2007「リソース不足のため、このタスクを完了することができません」エラー

クリップボードが容量オーバーのようだ Excelで、大量にコピー(*1)すると「リソース不足のため、このタスクを完了することができません。選択するデータを少なくするか、ほかのアプリケーションを終了して …