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のログイン画面にBasic認証をかける方法

ログイン画面だけに設定する 特定のディレクトリにBasic認証を設定する方法(一般的なBasic認証設定方法)は過去のブログ「[備忘録]Basic認証の設定方法」に記載があるので、そちらを参考に。 こ …

[備忘録]Excel:ファイル一括で「数式」→「値」に変換する方法!

フォルダ単位で、数式から値に一括変換する方法があった! 参考:https://excel-macro.com/book_paste_values/ (*1)   上記(*1)で提供している変換マクロを …

[備忘録]Excel:離れた2つのセルの値を入れ替える方法(スワップ)

基本機能にないのでマクロで実装 Excelを使っていると、2つのセルの値を入れ替えたい時がある。 プログラム言語には「swap」コマンドなど、一発で置換できるコマンドがあったりもするが、Excelの基 …

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

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

[備忘録]Outlook:ロリポップで最新メールが受信できなくなった(IMAP)

今まで受信できていたが、急に出来なくなった。。 弊社にてサポート契約しているお客様から、「急にメール受信ができなくなった」と相談あり。。 詳しい経緯を確認すると、 ・メールサーバーは「ロリポップ」 ・ …