If you aren’t already using Notepad++ as your text, HTML, CSS or other filetype editor then you are really missing out! Notepad++ is simple to use, is incredibly powerful and, best of all, is free. I use this great software daily and it saves me a huge amount of time.
Today I noticed, that after lots of CSS changes, an image wasn’t displaying as it had been before the multitude of code changes. I tried Firebug and other great Web design tools but just couldn’t figure out where it all was going wrong. Fortunately Notepad++ has the functionality to compare two files and highlight the variances.
How to Compare files with Notepad++
Here then are the steps to compare files:
- Install Notepad++
- Download Notepad++ Compare Plugin and save ComparePlugin.dll to C:Program Files (x86)Notepad++plugins (or wherever the plugin folder of your Notepad++ is.
- Open the files you want to compare in Notepad++
- Click Plugins -> Compare -> Compare
You’ll now notice the files side-by-side with colours representing where information differs e.g.