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/


 
 

-備忘録


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

[備忘録]GoogleフォームのURL短縮

簡単に短縮できた! イベントの申し込み等を簡単便利に作成できる「Googleフォーム」、URLが長くて案内メールに貼り付けたりすると1行に収まらずに難儀していた。。 今までは bitly(ビットリー) …

[備忘録]Excel&PowerPoint:ちょっとした小ワザ(2件)

Excelのファイルを「閉じる」ショートカット Excelを閉じるときに、いつもマウスでウィンドウ「右上の[×]をクリックしていたが、 2つのウィンドを見比べながら作業するときなど、ウィンドが画面から …

[備忘録]PC起動時、Firefoxが勝手に立ち上がる(真っ白な状態で)

ある日突然、真っ白なFirefoxウィンドが立ち上がるようになった 1週間ほど前、Firefoxのバージョンを「40.0.2」→「52.0.2」にアップグレードした。 バージョンアップすると今まで使え …

[備忘録]ls -oオプション:ファイルフラグという罠。。

パーミッションとは違うファイルフラグという概念 さくらサーバーで運用しているサーバーで、ルート直下の「www」ディレクトリをリネームしようとしたのだが、、エラーになってしまう。 % mv www yy …

[備忘録]Windows10:PCで画面上に表示されたQRコードを読み取る方法(カメラなし)

いちいちスマホで読み取るのは面倒だ。。 パソコンで作業していると、表示されたQRコードを読み取りたい時がある。 そんな時、スマホのカメラをかざして読み取っていただ、なんとも面倒だ。 そこで、カメラなし …