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/


 
 

-備忘録

関連記事

[備忘録]LINEの通知がウザいとき、通知をオフにしましょう!

ライングループでの連続投稿にウンザリ。。 LINEで、特にLINEグループで大勢参加しているようなケース、、 それぞれが返事したりすると、、膨大な件数の投稿になる。 その都度、通知がくるとウザいの何の …

[備忘録]Firefox:選択文字列を簡単に検索する方法

かゆいとこに手が届く小ワザ 通常、Firefoxで ある文字列を検索したい場合は、以下のような操作を行う。  ・当該文字列をドラッグ反転  ・コピー  ・検索窓上でペースト  ・改行(または「実行」) …

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

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

[備忘録]Windows10:自動更新後、勝手に再起動しない方法

作業中に勝手に再起動され凹む。。 Windowsで作業していると、作業中にWindows Updateが走り、、あろうことか勝手に再起動されることがある。 特に、Windows10にアップグレードして …

[備忘録]PC版LINE電話:着信音を変更する方法

簡単には消せないので音源ファイルを変更してみた スマホでの文字入力がとにかくニガテで遅いワタシは、、パソコン版LINEでメッセージを書くことが多い。 が、PC版LINEでLINE通話を受信すると、パソ …