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/


 
 

-備忘録

関連記事

[備忘録]ドメインのDNS情報をチェックする方法

digコマンド あるドメインに設定されているDNS情報を調るには「digコマンド」を使えば良い。 Web上で、簡単に検索してくれるサイトがいつかあるので ピックアップしておこう。 http://mgt …

[備忘録]Firefoxアドオン:「右側のタブをすべて閉じる」

Firefoxのバージョンアップで2アクション必要に。。 メインのブラウザとしてFirefoxを愛用しているが、最新にバージョンアップすると今まで使えていた機能が使えなくなったり、、少なからずストレス …

[備忘録]WordPressの自動更新を抑止する方法(その2)

WordPressの自動更新、便利だが不具合のリスクも Webサイトの制作で「WordPress」を使うことが多いかと思う。 テーマやプラグインなど 幅広く提供されているので とても便利なツールである …

[備忘録]ATOKからIMEに勝手に変わって困るときの対処:Windows10版

なぜか勝手に切り替わる日本語ソフト パソコンの日本語入力は、もう15年ちかく「ATOK」を使っている。 が、なぜかたまに標準装備の「IME」に勝手に切り替わっていることがある。。 いちいちATOKに切 …

[備忘録]SHL25:オリジナル音源を着信音に設定する方法

シャープ「AQUOS SERIE SHL25」での設定方法 下記ブログ(*1)でも書いた自作着信音を設定していたのだが、いつの間にか別の着信音に変わってしまっていた。。 (*1):[スマホ]自作:1回 …