15 Mar Tools of the Trade
This article describes my toolkit: the software I use to do what I do. You might not choose exactly the same tools but you should have similar capabilities available and know how, when and why you should use them. IMHO, that is. By the way, ALL software mentioned below is FREE!
It’s helpful to have two of the browser’s tabs as part of it’s “Home” tab group: the Admin back end and the front end. Setting these as part of the “Home” tab group assures that the website and its management features are always at hand.
IDE (Integrated Development Environment)
- A text editor with syntax highlighting and automatic formatting or easy reformatting
- Automatic upload when you save a file
Sometimes you just want a decent text editor so you can peruse error files, make notes, save SQL queries or the like. Windows Notepad is OK, but I use Notepad++ for this. It also has sytax highlighting.
You will occasionally need to to some editing of images that appear on the website. The most common reasons are a) a hapless user has inserted a 4 MByte image into a Front Page article and it takes the website home page multiple seconds to load, or b) aesthetically you might like ot crop an image. A simple, easy-to-use image editor called Irfanview is my preferred tool for these tasks. Using Irfanview to open any image on your local disk:
- To resize the image, type Ctrl-R, set the new height or, more commonly, width, in your choice of units (pixels, cms, inches), set the resolution (72 dots/inch for website images), click OK and save it: Done!
- To crop the image, draw a rectangle with the cursor (click at a corner, hold to make the rectangle) to delineate the part you want to have in the cropped image and click Edit>Crop Selection, and save it: Done!
Irfanview also has a useful feature, a Microsoft Paint-like capability you activate with F12. Lets you annotate the image, draw ellipses, squares, lines, arrows, etc. Very handy for annotating screen shots.
UPDATE – 11/14/2018
Google has released a new software tool that compresses image files (makes them smaller and thus faster to load). This capability is absurdly easy to use and shows a side-by-side comparison of the image you upload to it and the compressed image, using a vertical par you can slide back and forth. You can adjust image quality and resize images as well, so a valuable tool for web work:
Access it directly: https://squoosh.app .
GIMP (Gnu Image Management Program) is a sophisticated inage editor comparable to Photoshop. It is not easy to use, but there is extensive documentation available online, including tutorials.
Sometime you need to grab a piece of the screen showing something for a tutorial article ot to illustrate a problem. I use LightScreen for this.
If you need to do things like read or write files to/from Microsoft Office I suggest LibreOffice. Free, familiar user interface, reads and writes Word, Excel and PowerPoint files perfectly. Did I mention free?