Gliffy is a free and easy to use diagram editor with export to png graphics and more. It can be run as a Chrome app.
yED graphic editor
yED is a good and free diagram editor with advanced features like auto-reordering. There is even an online version.
https://www.yworks.com/products/yed#
Notepad++ source editor

A great and free sourcecode editor. Can be expanded with several plugins. With the ftp plugin very suited for hardcoding websites!
https://notepad-plus-plus.org/
